在用css+div進行布局的時候，一直對position的四個屬性值relative,absolute,static,fixed分的不是很清楚，以致經常會出現讓人很鬱悶的結果。今天研究了一下，總算有所了解。在此總結一下：
先看下各個屬性值的定義：
1、static：預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
2、relative：生成相對定位的元素，通過top,bottom,left,right的設定相對於其正常位置進行定位。可通過z-index進行層次分級。
3、absolute：生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。可通過z-index進行層次分級。
4、fixed：生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。可通過z-index進行層次分級。
static與fixed的定位方式較好理解，在此不做分析。下面對應用的較多的relative和absolute進行分析：
1、relative。定位為relative的元素脫離正常的文字流中，但其在文字流中的位置依然存在。如圖1：
黃色背景的層定位為relative，紅色邊框區域為其在正常流中的位置。在通過top、left對其定位後，從灰色背景層的位置可以看出其正常位置依然存在。
2、absolute。定位為absolute的層脫離正常文字流，但與relative的區別是其在正常流中的位置不在存在。如圖2：
可以看到，在將黃色背景層定位為absolute後，灰色背景層自動補上。
3、relative與absolute的主要區別：
首先，是上面已經提到過的在正常流中的位置存在與否。
其次，relative定位的層總是相對於其最近的父元素，無論其父元素是何種定位方式。如圖3：
圖中，紅色背景層為relative定位，其直接父元素綠色背景層為預設的static定位。紅色背景層的位置為相對綠色背景層top、left個20元素。而如果紅色背景層定位為absolute，則情形如圖4：
可以看到，紅色背景層依然定義top:20px；left:20px；但其相對的元素變為定位方式為absolute或relative的黃色背景層。因此，對於absolute定位的層總是相對於其最近的定義為absolute或relative的父層，而這個父層並不一定是其直接父層。如果其父層中都未定義absolute或relative，則其將相對body進行定位，如圖5：
除top、left、right、bottom定位外，margin屬性值的定義也符合上述規則。
初學css div問題，float定位問題
初學css div問題，float定位問題，不太會描述，先 用的是母版，下面這個是首頁。code html 這裡是幻燈片 待做。班級通知 更多.selectcommand select top 10 id,filetitle,createtime from t databank order by c...
css div布局定位和邊距問題
1 當你在乙個大的容器裡面給兩個小的容器定位的時候 position absolute 這個容器相對于父元素定位，初始位置在父元素的左上角。位置。給元素排列位置，乙個元素佔滿一行，即使你設定了width也是沒有用的，雖然容器只使用你設定的寬度。但是當你設定了 float或者display inlin...
CSS DIV 布局三種定位方式
一 普通流 普通流中元素框的位置由元素在html中的位置決定。塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。二 定位 相對定位 被看作普通流定位模型的一部分，定位元素的位置相對於它在普通流中的位置進行移動。使用相對定位的元素不管它是否進行移動，元...