Auto height of div

Question

Browser shows div only when I set exact height. But i want to create resizable div according it\'s contents. Tried height: auto and height:100%. It doesn\'t help.

My

Answer 1

div's will naturally resize in accordance with their content.

If you set no height on your div, it will expand to contain its conent.

An exception to this rule is when the div contains floating elements. If this is the case you'll need to do a bit extra to ensure that the containing div (wrapper) clears the floats.

Here's some ways to do this:

#wrapper{
overflow:hidden;
}

Or

#wrapper:after
{
content:".";
display:block;
clear:both;
visibility:hidden;
}

---