之前看過多次css絕對定位，但是缺乏乙個好的案例。偶爾看到乙個控制項，覺得用它來說明是非常簡明的。
假設我們有乙個div，內部還嵌入兩個平級的div，**如下：
.block1
.block2
那麼按照預設的盒子模型，兩個平級的div一上一下，佔滿整個父親div。如果想要讓第二個div覆蓋第乙個怎麼辦？
position:relativeposition:absolute;top:0;使用完全相同的結構，我們可以製作乙個進度條控制項：
10%
CSS 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。絕對定位的元素的位置相對於最近的已定位祖先元素 如果元素...
CSS 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。絕對定位使元素的位置與文件流無關，因此不佔據空間。這一點...
CSS 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。css 絕對定位 絕對定位使元素的位置與文件流無關，因此...