清除浮动

1. 为什么要清除浮动?

父元素的高度是由子元素撑开的，且子元素设置了浮动，父元素没有设置浮动，子元素脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border、background、margin设置值，都得不到正确的解析.

2.Clear属性。

相邻后的元素需要清除浮动带来的影响可以用Clear 进行清除他的属性值有left、right、both.

3.after伪类清除浮动。

选择器:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }

4.Overflow清除浮。

父级div定义 overflow:hidden；父级div定义 overflow:auto （子元素高度超过父元素会显示滚动条）