css清除浮动的三种方式

清除浮动：

清除浮动不是不会浮动，只是消除浮动产生的不利影响

当父盒子没有定义高度，嵌套在父盒子内部的子盒子发生浮动后，父盒子下边的元素位置发生错误，即父盒子中的子元素脱标

1、额外标签法

clear: left | right | both; 

在最后一个浮动元素后面添加标签 

2、给父元素使用overflow:hidden （bfc）

如果有内容超出了盒子的话，就不能使用它，因为超出的部分被隐藏掉了

3、伪元素清除浮动（推荐使用）

/* 伪元素清除浮动 */
.fixclear:after{
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	clear: both;
}
/* 兼容ie浏览器 */
    .fixclear{
	zoom: 1;
}

给浮动元素的父元素使用.clearfix即可

最后贴一下代码：