position屬性有四個值，static（預設值），fixed，relative（相對）和absolute（絕對）。
relative是相對於當前位置進行定位，如果將top和left設為0，那麼就是當前的位置，並且relative不脫離文件流佔據位置：（啥都不影響）
如圖中這兩個盒子一開始設定為相對布局top與left都設為0，結果和沒設定定位的位置一樣；
absolute是基於父元素來定位，並且脫離文件流不佔據位置，所以父元素也要設定position，不然會脫離父元素（absolute相當於被設定的元素，處於更高層，不佔下層位置，層疊效果）
如圖所示，將紅色盒子設為absolute，top=0=left，藍色盒子不設定定位，紅色盒子浮動到了藍色盒子上方；
fixed是以瀏覽器視窗來定位，並不依賴於父元素，同樣也脫離文件流，不佔據位置：
可以看到將粉盒子設為fixed後脫離了html元素，只相對於視窗定位；
注意：如果僅僅只設定了position，沒有設定top或left此類的具體定位，元素只會在當前位置發生變化，如果是relative則沒有變化，absolute和fixed則只是脫離文件流，浮在當前位置的上方，下方的元素則會移動到該位置；
div 相對布局，絕對布局
引用 position relative 相對定位 使用position relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。如果要讓div 1層向下移動20px,左移40px example div 1 如果用到相對定位，緊隨他的層divafter是不...
DIV的相對布局和絕對布局
position relative 相對定位 使用position relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。如果要讓div 1層向下移動20px,左移40px example div 1 如果用到相對定位，緊隨他的層divafter是不會出現...
理解絕對定位和相對定位布局
p 22,null,left 概要 本文主要描述xhtml中相對定位和絕對定位各自的本質 用法 區別和兩者之間的關係。以及使用css的left right top bottom屬性 偏移屬性 和margin屬性 外邊距 對定位塊級元素進行布局的方法。p 22,null,left 說明 佔位空間 元素...