Css Float : 2 Divs, 1 Div = Nav, 1 Div = Product. Full Height Nav How To Do This?

I want to setup the following using float. Everything worked out fine except the nav div is not full height. Screenshot : http://postimg.org/image/gywuh9lv1/ HTML :

bottom: 0; /* Same as above */width: 200px; /* Or however big you want to make it. */ }

This solution will actually force your left nav to grow with the container, instead of just making it look that way. It's also backwards compatible to most browsers and doesn't have any of the caveats that come with display: table;.

Solution 2:

height:100% will only work if your html & body are height:100% too ;

Here is Codepen an example

Share