首页 > 代码库 > CSS清除浮动
CSS清除浮动
父元素的高度是由子元素撑开的,且子元素设置了浮动,父元素没有设置浮动,子元素脱离了标准的文档流,那么父元素的高度会将其忽略,如果不清除浮动,父元素会出现高度不够,那样如果设置border或者background都得不到正确的解析。
清除浮动的方法:
1、给浮动元素父级加overflow:auto;在IE6中需要加上zoom:1
2、使用:after伪元素
.clearfix:after{
content:"";
dispaly:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}
或是:
.clearfix:after,.clearfix:before{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
CSS清除浮动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。