消除浮动

overflow-float.md

在响应式的左右布局中挺有用，也可以用在表单中代替常用的 grid 布局

// less
.clearfix {
  &:before,
  &:after {
    content: "";
    display: table;
  }
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.float-left {
  float: left
}

.width-200 {
  width: 200px;
}

.height-300 {
  height: 300px;
}

.overflow-hidden {
  overflow: hidden;
}

<div className="clearfix">
  <div className="float-left width-200 height-300">占据左边200px</div>
  <div className="overflow-hidden height-300">占满右边区域</div>
</div>