Make A Div Fill The Whole Page In Height

I have a page with this structure: topbar (100% width) sidebar content i want the sidebar to fill all the remaining space of the screen in height. I've tried with height: 100% in m

Solution 1:

To achieve this you need make sure the sidebar's parent containers have heights of 100%, too.

So, if you have a sidebar div, you have the body container, and the html container.

html, body, #sidebar { height: 100%; }

Solution 2:

Have you set the height of body height to 100% too? If not it won't fill up the rest of the page.