1.浮动是什么？
浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
浮动元素引起的问题：
1.父元素的高度无法被撑开，影响与父元素同级的元素。
2.与浮动元素同级的非浮动元素（内联元素）会紧随其后
3.若非第一个元素浮动，该元素之前的元素也需要浮动，否则会影响页面显示的结构。
清除浮动的几种方法：
1.额外标签法：
<div style="clear:both;"></div>（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。）
2，使用after伪类
#parent:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
} 3,浮动外部元素
4,在父级元素上设置overflow为hidden或者auto
