css清除浮动代码

使用带clear属性的空元素 div的代码 <div class="clear"></div> css的代码 .clear {  clear: both;  } 在浮动元素后面（同一父节点）添加这个空的div即可。

使用邻接元素处理 给浮动元素后面的元素添加clear属性

给父容器增加一个样式 .clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* 触发 hasLayout */ zoom: 1; } <div class="xxx xxx clearfix"> 建议使用这种类型的，因为不会增加多余的html元素，兼容性也好。