CSS —— BFC清除浮动

CSS —— BFC清除浮动

1.什么是BFC？
Block formatting context 块级格式化上下文
形成独立的渲染区域，内部元素的渲染不会影响外界

2.常用触发BFC方式：
display:inline-block;
overflow:hidden;（不是visible都可以，hidden为常用的）
float:right/left;
position:absolute/fixef;(可以触发但是由于不在同一层无效果)

3.为什么要清除浮动？
因为块级元素看不到浮动元素，所以会占据浮动元素的位置，
文本，文本元素（inline\inline-block）并且触发了bfc的元素都能看到浮动元素，并且会排列到浮动元素后面。
4.代码请看B站
哈默聊前端——什么是BFC