2016-05-16 68 views
2

我所擁有的是一個元素,其造型被破壞:寬度和高度都是錯誤的。問題是,在此元素上沒有指定widthheight:如果您在Chrome開發工具中查看它,則會看到這些屬性變灰,如下所示,因爲它們只是基於其他瀏覽器計算的信息。影響元素寬度和高度計算的因素是什麼?

enter image description here

,並承諾之間的比較差異列表,我看不出有什麼樣式規則這個元素的改變。這意味着左右元素被更改:它的許多孩子之一,或父母。

我想知道的是如何確定哪些元素或規則影響該計算,以便進行調試?

我希望有一種清單,例如「檢查所有子元素的寬度屬性,如果它已設置,則...,否則繼續查看可能影響JavaScript的JavaScript ...」

編輯:問題可以表述爲:「」?你的瀏覽器檢查哪些因素,在什麼樣的順序以怎樣的優先級,以確定一個元素的尺寸」

+1

在沒有看到代碼,許多事情會影響寬度和高度。內容可能是最大的,父母或相鄰元素的寬度,如果它們是浮動的,等等。 – n8wrl

+1

此問題不應該要求查看代碼。它本質上是這樣的:「瀏覽器檢查什麼因素,按照什麼順序和優先順序來確定元素的尺寸?」這是與代碼無關的。 – Aerovistae

回答

2

見這些規格:https://www.w3.org/TR/CSS2/visudet.html#propdef-height

有一些不同類型的高度計算,如o在第10.6節中強調。看看那裏的小節,以確定如何計算元素的高度。

(有一些該網頁上的部分由其他規格更新的警告,但在更新的快速檢查似乎不包括高度的任何變化。)

相關問題