浮动

float:left;

清除浮动

    清除浮动方法一
            .clear{
                   clear:both;清除浮动两端所带来的影响
                }
            清除浮动方法二
               overflow:visible  / hidden; scroll / auto 
               .box{ 
                    overflow:hidden;     给父元素添加
                     overflow:auto;
                  } 

            清除浮动的方法三
            .box{
                height:200px;
            }

            清除浮动方法四  伪类   推荐使用
            .box:after{
                content:'';             在box后面添加内容为空
                display:block;          把添加的内容转换成块元素
                clear:both;              清除元素两端的浮动*/
            }