本篇文章帶給大家的內容是關於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中文網其他相關文章！
