浮动的问题

浮动的问题：标签浮动以后脱离正常文档流，导致父标签无法被撑开，且会影响后续正常布局
清除浮动的几种方法总结：
常用清除浮动的方法：1.给浮动标签的父标签固定高度（不够灵活）
2.在浮动标签的最后加一个空DIV标签本身不浮动，且添加样式clear：both（代码冗余）
3.给父标签加overflow为visible以外的其他值时可以帮助实现
4.给浮动标签的父标签添加.clearfix（不会在结构上产生冗余代码，可以多次重复使用）
.clearfix{
*zoom:1;/处理ie7以下兼容问题
}
.clearfix:after {
content:"";
clear:both;
display:block;
}
浮动的目的就是为了让多个块级标签同一行上显示。最核心的关键点就是怎么排列的，是否占用位置。一个父盒子里面的子盒子，如果其中一个子级有浮动的则其他子级都需要浮动。这样才能在一行显示。