BFC属性

BFC

1.简介

根据W3C的标准，在页面中元素都有一个隐含的属性叫做Block Formatting Context,简称BFC，该属性可以设置打开或者关闭，默认是关闭的。

2.作用

当开启元素的BFC以后，元素将会具有如下特性：

1. 父元素的垂直外边距不会和子元素重叠
2. 开启BFC的元素不会被浮动元素所覆盖
3. 开启BFC的元素可以包含浮动的子元素

3.开启

如何开启元素的BFC

1. 设置元素浮动
2. 设置元素绝对定位
3. 设置元素样式 display: inline-block
4. 将元素的overflow设置为一个非visible的值

ps:在IE6以下的浏览器中并不支持BFC
但是在IE6中具有另一个隐含属性叫 Has Layout
该属性中作用于BFC类似，所以在IE6中可以通过开启该属性来解决问题
开启方法 zoom: 1;（zoom作用为放大，此处为放大一倍）