清除浮动的几种方法

第一种：#父元素{ height:1%; overflow:auto}

第二种：#父元素{ height:30px; overflow:hide}

第三种：同级最后一个元素addClass(‘clear’);.clear{ clear:both}

第四种：父元素addClass(clearfix)

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {

display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

height: 1%;

}

.clearfix {

display: block;

}

/* End hide from IE-mac */