Float 布局

如何使用Float布局？

• 子元素加上 float: left 和 width
• 父元素加上 .clearfix

注意：在 float 布局的时候会有一些bug，一定一定要给父元素加上以下css代码：

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

:::danger

• float 是不需要做响应式，因为手机没有IE ,而这个布局是为IE准备的。
• IE6/7 存在双倍 margin bug ，解决办法直接把 margin 减半，或者加上display:inline-block :::