How to deal with floated elements?

Question

If there are floated elements in a parent element, they parent element looses its shape or has no height. How to deal with this problem?

Thanks

Answer 1

The solution to that is using clearfix class.

Answer 2

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;

Answer 3

On the parent, do a:

 style="overflow: auto"