BFC
块级格式化上下文
第一个应用 防止高度塌陷
父元素的高度不确定的时候 子元素有浮动 这时候在父元素上添加一个overflow:hidden;可以出发BFC
是根据BFC中 浮动元素也参与计算
第二个应用 解决margin上下间距的重叠
依据的是BFC
Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠(按照最大margin值设置) 可以让两个元素处于不同的BFC中 这样就不会发生重叠
第三个应用 两栏自适应布局
依据BFC中 浮动元素不会和其他元素重叠
当有浮动元素是 可以上其他元素处于一个BFC中 这样不会发生重叠
三栏自适应布局
方法 1 BFC
2 margin
3 padding
4 定位