清除浮动的方法

1.伪对象法：

.clearfloat::after{
                content: '';
                display: block;
                clear: both;
                height: 0;
                overflow: hidden;
            }
            .clearfloat{
                zoom: 1;
            }

2.父元素加clear：both；

3.父元素加overflow：hidden；

4.空div：

在浮动的后面，写上一个<div id ='clear'></div>   加上样式#clear{clear:both};

5.父元素跟随子元素一起移动

6.在已知父元素的高时给父元素加height