I’m encountering a perplexing issue with the layout of my website – the sidebar, instead of staying neatly alongside the main content, is inexplicably slipping underneath it. Here’s the snippet of CSS code I’ve been tinkering with in an attempt to rectify the problem:

css

#sidebar {
    padding-top: 5px !important;
    padding-bottom: 0;
    background-color: rgb(252, 252, 252) !important;
    z-index: 1 !important;
    float: right !important;
    padding-right: 20px !important;
    width: calc(25% - 20px) !important;
}

I’ve tried Googling solutions, but none of them seem to resolve the issue. Any help or suggestions would be greatly appreciated!