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

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;