清除浮动的方式

一、为什么要清除浮动
子元素设置为浮动后，父元素高度会坍缩为0，影响页面布局

二如何清除浮动
为父元素前后添加伪类撑起父元素，来使用clear:both来清楚浮动

.clear-float:after,.clear-float:before{
    content:" "//填入空内容;
    display:block;
    clear:both
}