Is there a way to ensure that the inner-section and sidebar have a minimum height, while also expanding vertically along with the main tag?
Here is an example of the HTML code:
<body>
<header></header>
<main>
<section>
<section class="innersection">
some content
</section>
<aside class="sidebar">
snas
</aside>
</section>
</main>
<footer></footer>
</body>
And here is the CSS code:
main{
width: 100%;
min-height: 800px;
}
.innersection{
float:left;
width:94%;
display:inline;
}
.sidebar{
float:right;
width:5%;
display:inline;
}
Attempts have been made to implement this code, but it appears that the height of the main tag is not increasing as expected when including the inner-section and sidebar. For a visual reference, an image of the page has been provided.