css clear:both

clear:both;--------問題整理
CSS手冊上這樣解釋的：該屬性的值指出了不允許有浮動對象的邊。
這個屬性是用來控制float屬性在文檔流的物理位置的。

當屬性設置float（浮動）時，他所在的物理位置已經脫離文檔流了，但是大多時候我們希望文檔流能識別float（浮動）,或者是希望float（浮動）後面的元素不被float（浮動）所影響，這個時候我們就需要用clear:both;來清除clear:both;

例子：

<p style="float:left;width :100px;">這個是第1列，</p>
<p style="float:left;width :400px;">這個是第2列，</p>
<p >這個是列的下面。</p>

如果不用清除浮動，那麼第3個<P>的文字就會和第一二行在一起
所以我們在第3個這利加一個清除浮動。
<p style="float:left;width :100px;">這個是第1列，</p>
<p style="float:left;width :400px;">這個是第2列，</p>
<p clear:both;>這個是列的下面。</p>