浮动和清除浮动

浮动：

元素脱离文档向浮动方向浮动，遇到父级边界或者相邻浮动元素停住，

float：left/right/none（默认值）

由于子元素脱离文档流，结果会使父元素高度崩塌，解决浮动元素脱离文档流不占位的方法（清除浮动）：

1.给父元素设置高
2.给父元素overflow:hidden/scroll/auto
3.在浮动元素的最后设置空标签的样式style=“clear:both”
4.利用css的伪类来模拟空标签

 .clearfix:after{
        display:table;
        content:"";
        clear:both;
    }
    .clearfix{*zoom:1} //兼容ie 触发haslayout