發新話題

DIV+CSS頁面中clear:both;具體應用

DIV+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>

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。