清除浮动

 

float作用：把块级元素左右排列。

float缺陷：脱离文档流，影响父元素的兄弟元素(外面元素)。

解决思想：撑起父元素高度。

方法：

1.自身元素添加样式clear: both/left/right

2.父元素最后添加空h盒子div，样式设为clear: both;

3.父元素设置伪元素:after,样式设为:content:'';dispaly: block;height: 0;clear:both;

4.父元素添加样式overflw:auto/hidden;        

解释第4点，前提是父元素未定义高度，添加overflow后，父元素撑起高度包含里面浮动子元素。overflow属性不清除任何元素浮动。