Take a look at the examples below.
// Content removed
.aside {
position: relative;
float: left;
width: 195px;
top: 0px;
bottom: 0px;
background-color: #ebddca;
height: 100%;
}
Currently, I'm still searching for the right solution. I'm making progress though. The issue I'm facing is in my previous "Example #1", where a scrollbar appears on the right even with a small amount of code in the "main" section. I only want the scrollbar to show up when there is more code, similar to "Example #2".