css 清除浮动详解

在平时写css 的时候为了让多个div并排显示,通常采用的方式是

float:left;

这样写造成的问题是会对接下来的div 造成不可控的影响,这就要求必须在最后进行闭合,看到两种方式,简单的写下来。
第一种是bootstrap采用的

.clearfix:after { 
    clear:both;
    display: block;
    content: " ";
 }

另一种是简单粗暴的方式

.clear {
    clear:both;
}

然后把在最后追加这个div
可能还有其他的解决方法,以后看到再添加

你可能感兴趣的:(css 清除浮动详解)