首頁 >web前端 >css教學 >CSS中包含塊概念是什麼? CSS中包含區塊概念準則

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

云罗郡主
云罗郡主轉載
2018-11-10 15:42:183155瀏覽

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

陳述:
本文轉載於:lvyestudy.com。如有侵權,請聯絡admin@php.cn刪除