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:
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:
Also, the sub groups are expanding but not contacting in Chrome for some reason :|