首页 > 代码库 > 清除浮动
清除浮动
单伪元素:after (网易、新浪在用)
afterj就是会在这个盒子的最后面生成一个内容:“”
`.clearfix:after{
content:"";
height:0;
visibility:hidden;
overflow:hidden;
display:block;
clear:both;
}
.clearfix{
zoom:1;
}
`
双伪元素:before :after(淘宝,小米)
`.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
*zoom:1;
}`
overflow:hidden
bfc:BFC block formatting content 格式化上下文 是w3c规定的一种独立渲染区域
BFC有什么特点:
BFC会阻止外边距折叠
BFC可以承载浮动的元素
BFC可以阻止元素被浮动元素覆盖
什么时候触发bfc:
float除了none以外的值
overflow除了visible以外的值(hidden,auto,scroll)
display(table-cell,table-caption,inline-block)
position(absolute,fixed)
清除浮动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。