BFC会阻止垂直外边距的折叠。(当同属一个BFC时,两个元素有可能发生垂直的重叠,要解决margin重叠,只要让他们不在同一个BFC就行了,对于两个相邻的元素来说,意义不大,没有必要给他加一个外壳,但是对于嵌套元素来说就很有必要了,只要把父元素设置为BFC就行了,这样元素的margin就不会和父元素的margin重叠了)
BFC不会重叠浮动元素
BFC可以包含浮动
形成BFC的条件
float:left|right
overflow:hidden|auto|scroll
display:table-cell|table-caption|inline-block
position:absolute|fixed
通用的清除浮动的方式
.clearfix {
*zoom: 1;
}
.clearfix::after {
content: '';
display:block;
height: 0;
visibility: hidden;
clear:left;
}
北京双眼皮医院http://www.dyjjkfq.cn
*zoom: 1;
}
.clearfix::after {
content: '';
display: table;
clear:both;
}
金属质感分割线