使用步驟：
將需要移動的元素position屬性設定為absolute。設定元素要移動的位置（top，right，bottom，left）
注意：
1.絕對定位元素會脫離文件流。
2.絕對定位元素的位置直接和父容器是否設定了相對定位（絕對定位）有直接關係。
3.絕對定位元素需要至少乙個祖先元素設定了相對定位（絕對定位），不然元素定位會相對於頁面的主體進行定位。
4.絕對定位元素相對於設定了相對定們的祖先元素邊緣進行移位。
例如，乙個絕對定位的元素設定了「top」值為「50px」和乙個「right」值為「100px」,絕對定位元素會相對於其設定了相對定位的父元素的頂邊向下移動50px;向左移動100px。
5.若使用了絕對定位的元素並沒有進行任何盒子位移屬性（trbl）設定，那麼絕對定位元素的頂部和左部會和設定了相對定位（絕對定位）的父元素的頂邊和左邊重合。如果設定了乙個盒子位移屬性，比如說「top」，那麼絕對定位元素垂直方向會進行移動，而水平位置預設還是左邊對齊。
定位和居中」為例：
灰色元素水平垂直居中，有兩個四分之一圓位於其左上角和右下角。
根據「絕對定位元素需要至少乙個祖先元素設定了相對定位（絕對定位），不然元素定位會相對於頁面的
主體進行定位。」
所以main相對於body定位。
left:50%和left：50%是main塊相對於body主體進行位移.此時居中的只是main塊左上方的點。
為了使main整體居中，還需負margin向左向上位移margin-left:-200px; margin-top:-100px.此時main整體垂直水平居中。
根據「若使用了絕對定位的元素並沒有進行任何盒子位移屬性（trbl）設定，那麼絕對定位元素的頂部和左部會和設定了
相對定位（絕對定位）的父元素的頂邊和左邊重合」
left-top-area僅設定position：absolute，沒有設定位置屬性，所以相對於main塊的頂邊左邊重合。
right-bottom-area設定了position：absolute，right：0,bottom：0.所以相對於main塊右下重合
定位 絕對定位
span元素 輸出 1.開啟絕對定位，會使元素脫離文件流 2 開啟絕對定位以後，如果不設定偏移量，則元素的位置不會發生變化 3 相對於瀏覽器視窗進行定位 開啟box3的定位並把box2作為box3的子元素 box2 box3 輸出 若有祖先元素開啟了定位 一般情況，開啟了子元素的絕對定位都會同時開啟...
相對定位，絕對定位
絕對定位是相對于父標籤決定位置，一般用於相對定位標籤裡面，js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面，一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...
相對定位 絕對定位
相對定位 相對自身位置進行定位 定位後 元素脫離文件流 原來的位置沒有被其他元素所佔據 元素特點沒有發生變化 top 移動後的位置距離起始位置 上面多遠 往下移動 left 移動後的位置距離起始位置 左邊多遠 往右移動 right 移動後的位置距離起始位置 右邊多遠 往左移動 bottom 移動後的...