如何处理浮动元素？

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

解决方案是使用clearfix类。

Answer 2

在父项上，执行以下操作：

 style="overflow: auto"

Answer 3

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;