/*解決塌陷*/
.clearfix{zoom:1;}
.clearfix:after{content: ".",display:block;visibility: hidden;height:0;clear: both;}?
介紹：
元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。
一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動元素之后的元素將圍繞它。
浮動元素之前的元素將不會受到影響。
如果圖像是右浮動，下面的文本流將環繞在它左邊：
img{float:right;}
clear 屬性
left ? ?在左側不允許浮動元素。
right ? ?在右側不允許浮動元素。
both ? ? 在左右兩側均不允許浮動元素。
none ? ? ?默認值。允許浮動元素出現在兩側。
inherit ? ? ?規定應該從父元素繼承 clear 屬性的值。
