html5清除所有,HTML5 清除浮动

1、给父盒子设置高度

2、给父盒子设置overflow:hidden;

3、给父盒子的最后面加一个div，这个div有个属性：clear:both;

4、使用伪元素清除浮动

.clearfix {

zoom: 1;/*IE/7/6*/ /*兼容IE6下的写法*/

}

.clearfix:after {

content: "";

line-height: 0;

width: 0;

height: 0;

display: block;

visibility: hidden;

clear: both;

}

5、标准流隔断法

.left {

width: 200px;

height: 200px;

background-color: #06f;

border: 1px solid blue;

float: left;

}

.normal {

width: 202px;

height: 300px;

background-color: #f60;

}

效果图：