在css中 clear 屬性用於清除元素左右兩側浮動，常用屬性值有 left (不允許左側有浮動元素）right (不允許右側有浮動元素）both (同時清除左右兩側浮動的影響)
注意: clear屬性只能清除元素左右兩側浮動影響，但是在網頁制作經常會遇到一些特殊的浮動影響。例如對子元素設置浮動時，如果不對其父元素定義高度，則子元素的浮動會對父元素產生影響(高度塌陷）
01，使用空標記清除浮動
在浮動元素之后添加空標記，並對空標記應用 " clear:both "樣式，可清除元素浮動產生影響。空標記可以為 div,p,<hr/>等任何標記。
02，使用 overflow 屬性清除浮動
對元素應用 " overflow : hidden " 樣式也可以清除浮動對該元素影響。該方法彌補空標記清除浮動的不足。
03，使用after偽對象清除浮動
必須為需要清除浮動的元素偽對象設置 "height:0",否則該元素會比其實際高度高出若干像素。
必須在偽對象中設置content屬性，屬性值可以為空，如" content:"" "。
.father:after{
display:block;
clear:both;
content: "";
visibility:hidden;
height:0;
}