What is the role of CSS clear float? -PHP Chinese website Q&A-What is the function of CSS clear float? -PHP Chinese website Q&A

Please watch and learn.

DIV层内的元素在使用了float属性后无法自动改变高度的解决办法：  有的时候为了让外侧层根据内容自动调整，没有设置高度或宽度，一般都会正常显示。 但如果层内元素使用了float属性，就会使那些元素脱离文件流，就无法再扩充容器层，就会导致外层大小无法根据内容自动调整。

关于这个问题，总结出以下几种方法，供大家参考

1. 清除浮动 在层中的有浮动属性的元素最后边加上来清除

2. 将display设置为table 一般来说，外层宽度都是固定的，设置宽度后可以将外层的显示模式设置为

3. 添加overflow设置为hidden 将外层的overflow设置为
   

要清理浮动的情况大部分是利用浮动来布局的情况，因为那种情况下，父容器不能自适应高度包容浮动的元素，所以需要清理浮动来达到包容浮动元素的目的，IE则可以让父容器具有 layout 来达到。