BFC规则

bfc布局规则

1、内部的Box会在垂直方向，-个接-个地放置，
2. Box 亚直方向的距离由margin决定。属于同-一个BFC的两个相邻Box的margin会发生重叠
3.每个元素的margin box的左边，与包含块border box的左边相接触
4. BFC 的区域不会与float box重叠。
5. BFC 就是页面上的一个隔离的独立容器。容器里面的子元素不会影响到外面的元素。
6,计算BFC的高度时，浮动元素也参与计算

直观隐藏元素的方法

Opacity:.6(内容半透明[包括文字图片])
Opacity 占位置， 并且元素本身是存在的
visibility:hidden/visible 占位置， 元素本身不在
display :none 不占位置，元素也不在/*

清除浮动(脱离文档流半层)

1.直接给父元素加高度–缺点：无法实现网页高度自适应
2.父元素加overflow：hidden；–缺点：无法让超出的部分显示
3.在所有的浮动元素加

–缺点：代码冗余
4.给父元素加float或者absolute/fixed-缺点带来新的不占位问题
5.万能清除法 （伪元素清除法）