方式一：父級元素偽類after
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
原理：相當于在.clearfix元素內部最后面加了一個子元素，并且清除左右的浮動(同方式二)腺怯。
方式二：空div
在要清除浮動的元素后面加一個空的div標簽，并給這個元素清除浮動clear:both;
缺點：會增加空標簽。
方式三：父級元素overflow:hidden
給父元素添加overflow:hidden;
缺點：會隱藏溢出的元素。
方式四:父級元素overflow: auto;zoom:1;
.clearfix {
overflow: auto;
zoom:1;
}
缺點：當子元素寬高超過父級時會出現(xiàn)滾動條
