How to deal with floated elements?

If there are floated elem开发者_如何学JAVAents in a parent element, they parent element looses its shape or has no height. How to deal with this problem?

Thanks

The solution to that is using clearfix class.

On the parent, do a:

 style="overflow: auto"

Basically you have to wrap floated elements with a block that has a clearfix hack applied. Read more here: http://www.webtoolkit.info/css-clearfix.html

For IE<7 you would also use zoom:1;