CSS中clear用法：
clear有四個屬性值： clear:left;right;both;none.
作用：該屬性指出了不允許有浮動對象的邊。這個屬性是用來控制float屬性在文檔流里的物理位置的。
當屬性設置float(浮動)時，它的物理位置已經脫離文檔流了，但大多時候我們希望文檔流能識別float(浮動),或者希望float(浮動)后面的元素不受float(浮動)的影響，這個時候我們就需要使用：clear:both;來清除。
下面是一個例子：
<p class="f1">面朝大海</p>
<p class="f2">春暖花開</p>
<p class="f3">花好月圓</p>
css定義：
p.f1{float:left;width:100px;}
p.f2{float:left;width:100px;}
以上的第三行會和第一二行在一起，因為當屬性設置float(浮動)時，它的物理位置已經脫離文檔流了，但大多時候我們希望文檔流能識別float(浮動),或者希望float(浮動)后面的元素不受float(浮動)的影響，這個時候我們就需要使用：clear:both;來清除。
所以我們在第三行加一個清楚float(浮動):
css定義為：
p.f1{float:left;width:100px;}
p.f2{float:left;width:100px;}
p.f3{clear:both;}