CSS中包含塊概念是什麼？ CSS中包含區塊概念準則

本篇文章帶給大家的內容是關於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並且設定了座標，該元素則會以原始位置為座標進行偏移。

以上就是對CSS中包含區塊概念是什麼？CSS中包含區塊概念準則的全部介紹，如果您想了解更多有關CSS3教學，請關注PHP中文網。

以上是CSS中包含塊概念是什麼？ CSS中包含區塊概念準則的詳細內容。更多資訊請關注PHP中文網其他相關文章！