bfc用法

bfc的含义和作用

1.含义
bfc是什么？bfc也叫块级格式化上下文，一个bfc包含了该区域内所有的子元素，但不包含其子元素的内部元素
2. 特点
bfc区域互不影响
3.什么条件称得上的bfc
1).body根元素
2).浮动元素
3).定位元素
4).行内快模式
5).设置overflow
以上满足一个就是bfc了
4.作用
1.解决塌陷问题（垂直塌陷，包含塌陷）
2.解决浮动影响（子元素浮动，父元素没设置高度时会变为0，父元素设置overflow后可解决浮动失去高度问题）
3.解决浮动元素覆盖标准流的问题