两个div 一个margin-bottom为10px，另一个 margin-top为10px,添加clearfix为什么还是10px，而不是20px

Question

HTML代码如下：

<div style="border: 1px red solid; width: 400px; height: 100px;margin-bottom: 10px;" class="claerfix">

123

</div>

<div style="border: 1px red solid; width: 400px; height: 100px;margin-top: 10px; " class="claerfix">

123

</div>

CSS代码如下：

.claerfix:before,.clearfix:after{

content: " ";

display: table;

}

.claerfix:after{

clear:both;

}

效果如下：

Answer 1

姜维 2017-02-15 15:57:38

clearfix 中间的拼写不统一