DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> CSS中包含塊概念及准則
CSS中包含塊概念及准則
編輯:前端技巧     
根元素

默認條件下,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 )

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved