css如何清除浮动常用的方法有哪些

当前位置 : 首页 > 网页制作 > CSS > css如何清除浮动常用的方法有哪些

css如何清除浮动常用的方法有哪些

来源: 作者: 时间:2015-11-02 10:32
如何清除浮动?css清除浮动的方法有很多,下面为大家介绍下常用的3种,需要的朋友可以了解下
如何清除浮动?css清除浮动的方法有很多,下面为大家介绍下常用的3种,需要的朋友可以了解下
如何清除浮动?

方法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:'';}
#test为浮动元素的父元素
Tag:
网友评论

<