默認條件下,html元素為包含塊,一些浏覽器把body設為包含塊。
非根元素分為兩種情況:1、對於沒有設置position:absolute的非根元素如position:relative、position:static
這種情況下包含塊設置為最近的塊級元素內容區的邊緣,注意是內容區的邊緣,而不是margin和padding邊緣。
2、使用了position:absolute絕對定位的元素
這種情況下包含塊設置在最近的postion不是static的祖先元素(這裡的祖先元素可以是塊級元素,也可是內聯元素
a、如果祖先元素是塊級元素,包含塊設為該塊級元素的padding邊沿;
b、如果祖先元素是內聯元素則包含塊設為該內聯元素的內容邊沿;
定位:“相對於”是相對於元素在CSS文檔流中的初始位置。
“絕對”是相對於最近的已定位的祖先元素。
絕對定位會覆蓋頁面上的其他元素,可以通過z-index屬性來控制堆放順序。
流動布局中的相對定位:流動布局是默認的布局,自然的從左到右,從上到下。
如果元素position:relative並且設置了坐標,該元素則會以原位置為坐標進行偏移。
本文來源:禁斷-新浪博客(http://blog.sina.com.cn/s/blog_4e5cbbe501008hgh.html )