首页 > 代码库 > css2----清除浮动
css2----清除浮动
为什么要清除浮动？
非IE下，当容器的高度为auto,容器有浮动元素，此时容器的高度不能自己伸长适应内容的高度，造成内容溢出乃至影响布局，即所谓的“浮动溢出”，为防此象，需要清除浮动。
如何清除浮动？
这里只记录最好的一种方法,伪元素和ie 触发haslayout：
.clearfix{zoom:1;}
.clearfix:after{content:"x";display:block;height:0;clear:both;visibility:hidden;}
a.给容器添加一个clearfix的class；
b.给这个class添加一个:after伪元素实现添加看不见的块元素
注意：visibility:hidden和display:none的不同：
前者：隐藏但是占位；
后者：不显示不占位。
css2----清除浮动
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。