clearfix

by DarcyAn

HTML

<div class="wrap clearfix">
<div class="a">
aaa
</div>
<div class="b">
bbb
</div>
</div>

CSS

.wrap {border: 1px dotted #000; background-color: yellow;}
.a,.b {
  float: left;
  background-color: pink;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
.clearfix { zoom: 1; }