BFC
BFC:块级格式化上下文---一种独立的渲染方式
BFC规则：
1 块级元素从上而下排列
2 上一个盒子的下边距和下一个盒子的上边距会重叠---取较大值3盒子从左边开始
3 盒子从左边开始
4 子元素不会影响外部元素
5 在BFC中，浮动参与高度计算6 BFC不会和浮动发生重叠
6 BFC不会和浮动发生重叠

触发条件
float / absolute / fixed / overflow: hidden
作用
margin-top传递 触发BFC 子元素不会影响外部元素
清楚浮动的方法 触发BFC 浮动就参与高度计算
实现自适应两栏布局 overflow：hidden

自适应两栏布局：
margin left
position：absolute
overflow：hidden

“加定位以后：
盒子如果有高度 left:0; right: 0 ;margin : auto居中
盒子如果没有高度 left:0; right: 0 ； 铺满宽度”

边框合并-----表格的私有属性
border-coLLapse: collapse / separate;
固定表格的宽高
table -layout：fixed
<caption>表格标题</caption>