Home › Forums › CSS › How to stick footer to the bottom… › Reply To: How to stick footer to the bottom…
No, in the example I gave the page wrap and footer should be siblings that are a direct child of the body.
But I’ve been looking at your pen a little more closely, and I think the flexcroll
class is causing some conflict… the yellow div is positioned absolutely, so you should be able to keep the footer at the bottom of it with:
.footer{
position:absolute;
bottom:0;
}
and letting the yellow div have a height of auto, so that it expands with the content.
However, the flexcroll class seems to be applying a set height to the div.
Here is an example without the flexcroll class:
http://codepen.io/kvana/pen/qbpLNz
Also, the sub groups are expanding but not contacting in Chrome for some reason :|