CSS 嵌套DIV布局

嵌套DIV布局，會牽扯到CSS的position屬性

 

如果內層DIV將position屬性設定為absolute，並設定left，和top等屬性，還需要考慮外層DIV的position屬性設定。

 

absolute:absolute絕對位置，直接指定top、left、right、bottom。有意思的是絕對位置也是“相對”的。它的座標是相對其容器來說的。容器又是什麼呢，容器就是離元素最近的一個定位好的“祖先”，定位好的意思就是其Position是absolute或fixed或relative。如果沒有這個容器，那就使用瀏覽器初始的，也就是body或者html元素。標準是說只需要指定left和right，width可以自動根據容器寬度計算出來，可惜ie不支援。