我所擁有的是一個元素,其造型被破壞:寬度和高度都是錯誤的。問題是,在此元素上沒有指定width
或height
:如果您在Chrome開發工具中查看它,則會看到這些屬性變灰,如下所示,因爲它們只是基於其他瀏覽器計算的信息。影響元素寬度和高度計算的因素是什麼?
,並承諾之間的比較差異列表,我看不出有什麼樣式規則這個元素的改變。這意味着左右元素被更改:它的許多孩子之一,或父母。
我想知道的是如何確定哪些元素或規則影響該計算,以便進行調試?
我希望有一種清單,例如「檢查所有子元素的寬度屬性,如果它已設置,則...,否則繼續查看可能影響JavaScript的JavaScript ...」
編輯:問題可以表述爲:「」?你的瀏覽器檢查哪些因素,在什麼樣的順序以怎樣的優先級,以確定一個元素的尺寸」
在沒有看到代碼,許多事情會影響寬度和高度。內容可能是最大的,父母或相鄰元素的寬度,如果它們是浮動的,等等。 – n8wrl
此問題不應該要求查看代碼。它本質上是這樣的:「瀏覽器檢查什麼因素,按照什麼順序和優先順序來確定元素的尺寸?」這是與代碼無關的。 – Aerovistae