浮动将元素排除在普通流之外，即元素将脱离文档流。不占据空间浮动元素碰到包含它的边界或者浮动元素的边界留
为什么要清除浮动？
元素浮动后不占位置，负元素的高度无法被撑开，影响与负元素同级的元素。
与浮动元素同级的非浮动元素，括号内联元素会跟随其后。
元素之前的元素也需要浮动，否则会影响页面显示的结构。
清除浮动的方式。
1 . 使用css中的clear:foth。放一个空的标签并设置上述css，注意该标签必须是块元素。
2 . 对于问题1 , 添加如下样式 , 给父元素添加clearfix样式:
.clearfix:after {
content: "."; display: block; height: 0; clear: both;
visibility: hidden;
/* for IE */.clearfix{
*zoom:1;
