css浮動(float,clear)

標籤：style   http   使用   ar   代碼   html   div   htm   

1、

以div元素布局為例,div是區塊層級元素，在頁面中獨佔一行，自上而下排列，也就是傳說中的流,是指標準流中的div.

無論多麼複雜的布局，其基本出發點均是：“如何在一行顯示多個div元素”,顯然標準流已經無法滿足需求，這就要用到浮動。

 浮動可以理解為讓某個div元素脫離標準流，漂浮在標準流之上，和標準流不是一個層次。

2、

假如某個div元素A是浮動的，如果A元素上一個元素也是浮動的，那麼A元素會跟隨在上一個元素的後邊(如果一行放不下這兩個元素，那麼A元素會被擠到下一行)；如果A元素上一個元素是標準流中的元素，那麼A的相對垂直位置不會改變，也就是說A的頂部總是和上一個元素的底部對齊。

div的順序是HTML代碼中div的順序決定的。
靠近頁面邊緣的一端是前，遠離頁面邊緣的一端是後。

3、

清除浮動可以理解為打破橫向排列。
對於CSS的清除浮動(clear)，這個規則只能影響使用清除的元素本身，不能影響其他元素。

原文：http://www.dabaoku.com/jiaocheng/wangye/css/2013040918035.shtml