css裡邊width 100 和width inherit的區別是什麼啊?

時間 2021-06-09 14:11:12

1樓:ILoveEcon

@花漫提到的例子很有意思,不過(包括之前的回答)沒有解釋很多細節。此處的inherit值實際效果是與auto值一致。

width取percentage值時,是以其包含塊的width為基準計算的。

取inherit值時,等於其父元素的宣告值(specified value,不知道這樣翻譯對不對)。

宣告值按以下三個原則取值:

1.如果元素樣式表中有定義(無論是由作者、使用者、還是瀏覽器定義)屬性及屬性值,則其為宣告值;

2.否則,如果元素不是文件樹的根,而其父元素有定義屬性及屬性值,且屬性可被繼承時,則父元素對應屬性計算後得到的值(computed value)為其宣告值;

3.否則,宣告值取元素對應屬性的預設值。

以上三個原則應該寫得更嚴謹一點的,所以又改了一下

要知道width屬性是不可被繼承的,其預設值為auto。@花漫提到的例子中,d1、d2的父元素是乙個沒有設定width屬性的div,則此div的width屬性的宣告值是auto。d2的width取值inherit時,繼承的是auto值。

width取auto值有乙個特點,此時的padding、margin會向內壓縮其內容。所以d2實際width值是280px。

d1的width等於div的width,為300px。

和 的區別是什麼?

Hell 感覺就是我為我之前的行為感到抱歉 感情更誠懇真摯或者說莊重?就,和朋友鬧著玩的時候我錯了,或者不小心撞到別人時說的對不起。情景設計。和朋友打鬧撞到路人 你正對路人,90度行禮,向對方道歉。氣氛嚴肅你 可能回頭看了路人一眼,隨口禮貌性的道歉 對直到現在已經告一段的事情的表達歉意時,用 對當下...

和 的區別是什麼?

草牧子謙 今天恰好在看一些關於敬語的內容,順便來回答一下這一題。日語的敬語一般分為 尊敬語謙譲語丁寧語 三類。尊敬語是對句子主語的尊敬,謙讓語是說話人對自身行為的謙虛的說法,而丁寧語是對聽話人表示尊敬。這裡特別說明一下丁寧語。現代日語表示敬體的助動詞 就是丁寧語的一種。丁寧語的使用和主語是沒有關係的...

和 的區別是什麼?

柳老師31 1 是用在當說話人表達的意思是 給自己某物的時候。例如 世民 請給我點水。變為間接引語就是 世民說給他點水。動作的指向是指向說話人本身的,這種情況下是用 2 是用在當說話人表達的意思是 給除了說話人 聽話人之外的第三者某物時。例如 世民 請給玄英點水。變為間接引語就是 世民說請給玄英點水...