如何解决浮动的影响（父盒子高度塌陷）

添加一个知识点：浮动和绝对定位会使元素脱标，导致行内元素转换为行内块元素，可以设置宽和高。

未加浮动：

加了浮动之后：

 

3.解决方法：

    1.给父盒子定高：（不实际）

 

2.overflow:hidden (清除浮动流 )  有问题会把有用的内容都隐藏掉

3. clear :both （需要依附于一个空盒子，如果需要清除的浮动太多，会使文档树增加）

产生的效果是一样的

 

 

4.第三种方法的优化：（用伪元素选择器将clear：both 方法包裹住）