一. 高度塌陷
<1> 什么是高度塌陷？
高度塌陷就是没有给父元素设置高度，且里面的子元素又是浮动的，不占位置，那么父盒子由于没有东西撑开，高度就会变为 0 。
<2> 解决方法
(1) 给父盒子设置高度 --- 最直接
(2) 给父盒子开启 BFC
(3) 在父盒子的末尾加一个空盒子，并设置为清除浮动
(4) 利用伪元素清除浮动
该方法与上一个十分相似，优点在于没有给页面添加无意义的标签！！
二. 清除浮动
清除浮动clear，是css的一个样式属性。用来指定一个元素是否必须在(清除浮动后)移动到在它之前的浮动元素下面。即是否去占领原属于浮动元素的位置！！！
它的值有以下六个：
-
none -
元素不会被向下移动以清除浮动。
-
left -
元素被向下移动以清除左浮动。
-
right -
元素被向下移动以清除右浮动。
-
both -
元素被向下移动以清除左右浮动。
-
inline-start -
元素被向下移动以清除其包含块的起始侧浮动，即 ltr 时清除左浮动，rtl 时清除右浮动。
-
inline-end -
元素被向下移动以清除其包含块的结束侧浮动，即 ltr 时清除右浮动，rtl 时清除左浮动。
