I found a way to make a div container to occupy at least full height of a page, by setting min-height: 100%;. However, when I add a nested div and set height: 100%;, it doesn’t stretch to container’s height. Is there a way to fix it?
html, body {
height: 100%;
margin: 0;
}
#containment {
min-height: 100%;
background: pink;
}
#containment-shadow-left {
height: 100%;
background: aqua;
}<div id="containment">
<div id="containment-shadow-left">
Hello World!
</div>
</div>