关于BFC

1、普通流(所有元素默认都是普通流定位)

普通流

2、浮动

浮动

3、绝对定位

绝对定位

BFC属于普通流

4、BFC(当元素具有了bfc属性之后,该元素内部的元素不会对外部产生影响,与外部隔离开来)

5、为元素添加BFC

为元素添加BFC

6、BFC的特性以及应用

正常情况下外边距重叠
触发bfc避免外边距重叠

7、清除浮动

子元素浮动 父元素高度清空

父元素触发BFC

8、阻止元素被浮动元素覆盖

正常浮动
被干扰元素添加BFC

你可能感兴趣的:(关于BFC)