相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素「相對於」它的起點進行移動。
如果將 top 設定為 20px，那麼框將在原位置頂部下面 20 畫素的地方。如果 left 設定為 30 畫素，那麼會在元素左邊建立 30 畫素的空間，也就是將元素向右移動。
relative 不脫離文件流，參考自身靜態位置通過 top(上),bottom（下）,left（左）,right（右） 定位，並且可以通過z-index進行層次分級。
absolute 脫離文件流，通過 top,bottom,left,right 定位。選取其最近的父級定位元素，當父級 position 為 static 時，absolute元素將以body座標原點進行定位，可以通過z-index進行層次分級。
fixed 固定定位，這裡他所固定的對像是可視視窗而並非是body或是父級元素。可通過z-index進行層次分級。
css中定位的層疊分級：z-index: auto | namber;
auto 遵從其父物件的定位
namber 無單位的整數值。可為負數……
CSS相對定位絕對定位
absolute 絕對定位 一共有四個屬性值 top right bottom left position absolute top 20px 絕對定位的參考點就是他的父級。同理，如果父級沒有定位屬性，就查詢他的爺爺級.relative 相對定位相對定位與絕對定位結合使用 通常情況下，在對元素設定絕...
css的相對定位
二 相對定位 了解層模型的了絕對定位，接下來我們就來聊聊相對定位。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素 相對於 它的起點進行移動。設定乙個元素為相對定位，只需要設定position releative。通過乙個簡單的例子認識什麼是相對定位...
CSS定位，相對定位，絕對定位
position relative 表示相對定位。對乙個元素進行相對定位，即指通過設定垂直或水平位置，讓這個元素 相對於 它的原點起點進行移動。如果將top設定20px，那麼框將在原位置頂部下面20畫素的地方 如果將left設定為30畫素，那麼會在元素左邊建立30畫素的空間，也就是將元素向右移動，如...