html5关于解决浮动带来的影响的几种方法

1、给受到浮动影响的元素添加overflow:hidden - 因为overflow属性会触发 BFC
        BFC: block formatting context 块级格式化上下文 - 让元素强制按照块元素的规则进行排列

2、在受到浮动影响的元素前面，添加一个空div，给空div添加样式：clear:both

3、在浮动元素的父标签的伪元素选择器:after中清除浮动 - 类似于空div
    .box1{
        width: 100px;
        height: 100px;
        background-color: #f00;
        float:left;
    }