开启了BFC的元素的特点
Posted 干饭仙人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了开启了BFC的元素的特点相关的知识，希望对你有一定的参考价值。
1.开启了BFC的元素不会被浮动元素所覆盖
2.开启了BFC的元素子元素和父元素的外边距不会重叠
3.开启了BFC的元素可以包含浮动的子元素
开启BFC的方式：
1.设置元素浮动(此方法，虽然可以撑开父元素，但是会导致父元素的宽度丢失,也会导致下边的元素上移)
2.设置元素绝对定位
3.设置元素display:inline-block;(此方法虽然也可以解决问题,但是转为行内块也会导致宽度丢失,因此也不推荐此方法)
4.将元素的overflow设置为一个非visible的值(推荐方式:overflow:hidden;是副作用最小的开启BFC方式)
注:ie6不支持BFC,如果要同时兼容ie6 可以加一个属性 zoom:1;即可(zoom表示放大,写几就是放大几倍,此属性仅支持IE,且IE8以下)
以上是关于开启了BFC的元素的特点的主要内容，如果未能解决你的问题，请参考以下文章