如何解决浮动的影响（父盒子高度塌陷）
添加一个知识点：浮动和绝对定位会使元素脱标，导致行内元素转换为行内块元素，可以设置宽和高。
未加浮动：
加了浮动之后：
3.解决方法：
1.给父盒子定高：（不实际）
2.overflow:hidden (清除浮动流 ) 有问题会把有用的内容都隐藏掉
3. clear :both （需要依附于一个空盒子，如果需要清除的浮动太多，会使文档树增加）
产生的效果是一样的
4.第三种方法的优化：（用伪元素选择器将clear：both 方法包裹住）
1.给父盒子定高：（不实际）
2.overflow:hidden (清除浮动流 ) 有问题会把有用的内容都隐藏掉
3. clear :both （需要依附于一个空盒子，如果需要清除的浮动太多，会使文档树增加）
产生的效果是一样的
4.第三种方法的优化：（用伪元素选择器将clear：both 方法包裹住）