清除浮动 overflow:hidden FC IFC BFC

1，清除浮动的时候 常用 overflow:hidden 

2，通常是父元素高度坍塌 就给父元素加上 overflow:hidden 或者一个浮动元素和后边的非浮动元素重叠了 就给后面的非浮动元素加上 overflow:hidden

3，FC 是一个渲染区域 这个区域有一套渲染规则 规定里面的子元素是从上到下 还是从左到右 计算整体高度的时候要不要排除浮动元素等 

4，BFC 是一个子元素从上到下排列子元素的渲染区域 计算 BFC 区域的高度时候要加上浮动元素的高度 同一个 BFC 区域中的子元素的外边距可以合并 BFC 渲染区域不能覆盖到其它的BFC 区域上面去

5，常见的 BFC 有根元素  overflow不为none 等

6，加上 overflow:hidden 的父元素就变成了 一个 BFC 然后父元素计算高度的时候就会把它的浮动的子元素的高度加上 就不会再坍塌了

7，加上 overflow:hidden 的非浮动的兄弟元素也变成了一个 BFC 这个BFC 不会与浮动的元素相重合 就能跟到前面的兄弟元素后面了

8，IFC 是一个从左往右 排列子元素的渲染区域