Expanding the parent container with 100% height to account for floated content

Question

I\'m struggling with a client project. All of my divs have no absolute positioning, height:100% for html, body, and conta

Answer 1

If height: 100% doesn't work well for you, you can try this calc function from CSS3:

/* Firefox */
height: -moz-calc(100%);
/* WebKit */
height: -webkit-calc(100%);
/* Standard */
height: calc(100%);

You can try this either with height, or with min-height, as already said. You can with this calc functions also other calculations like:

 height: -moz-calc(100% - 50px);

And this is sometimes very useful, as you might guess.