看了幾個講解定位的部落格，覺得還不錯，分享之：
部落格一：
1，相對定位
請注意，相對定位並沒有脫離文件流，「雖然表現區脫離了原來的文字流，但是在文字流中還還有此相對定位的『老窩』。這點要特別注意，因為在實際應用中如果相對定位的位移數值過大，那麼原有的區域就會形成一塊空白。」
2，絕對定位
「如果需要這個絕對定位要跟著網頁移動，而並且是因定在網頁的某乙個固定位置。要實現這種效果基本方式就是為這個絕對定位的父級設定為相對定位或是絕對定位。那麼絕對定位的座標就會以父級為座標起始點。」 特別需要注意的是，這裡是父級塊的padding左上邊緣點為座標起始點。也就是下圖中的a點。
部落格二：
1，絕對定位與float浮動不能同時使用，比如乙個大盒子裡有的是絕對定位，有的是使用css float浮動定位，這樣ie6瀏覽器將不會顯示改大物件裡的這些絕對定位與相對定位，這也算是ie6 css hack吧，注意不要混用即可。
CSS 絕對定位與相對定位
前幾天遇到了上班的第乙個難題，專案想要實現這樣的效果 實際效果比視覺圖上下多了兩截。但是，聰明如我怎麼可以在我的第乙個頁面上屈服呢！於是在光明正大地看了其他 類似效果的原始碼之後，我也get到了這個技能！原來這裡是用到障眼法，分別畫出兩個細成一條線的div，分別為.border first和.bor...
css相對定位與絕對定位
逆戰班通常情況下，我們用css定位來解決容器疊加排列的 問題，而用浮動解決左右排列的問題。position屬性的值主要有static，relative，absolute，fixed和sticky這幾種，position屬性的預設值為static，也就是沒有定位，元素在正常的文件流中，這時候給元素加偏...
CSS中的絕對定位與相對定位
層級關係為 為改變參照物 橘色框 後的效果 層級關係為 參照物為最頂級的元素情況。層級關係為 僅使用margin屬性布局絕對定位元素的情況 此情況，margin bottom 和margin right的值不再對文件流中的元素產生影響，因為該元素已經脫離了文件流。另外，不管它的祖先元素有沒有定位，都...