广州蓝景分享-css 3种清除浮动方法

7. .test{

8. zoom: 1;

9. border: 1px solid #f00;

10. }

11. .test:after{

12. display: block;

13. clear: both;

14. visibility: hidden;

15. height: 0;

16. content: '';

17. }

清除浮动

方法1： test{clear:both;} test为浮动元素的下一个兄弟元素

方法2 :test{display:block;zoom:1;overflow:hidden;} test为浮动元素的父元素。zoom:1也可以替换为固定的width或height

方法3： test{zoom:1;}test:after{display:block;clear:both;visibility:hidden;height:0;content:’’;}

3. 左浮动

4. 下一个兄弟元素清除浮动

7. 左浮动

10. 左浮动

希望能够帮助到大家！