哪些因素会影响元素宽度和高度的计算？

Question

我所拥有的是一个样式被打破的元素：宽度和高度都是错误的。问题是此元素上没有指定width或height：如果您在Chrome开发工具中查看它，您会看到这些属性显示为灰色，如下所示，因为它们只是由浏览器根据其他信息计算。

比较提交之间的差异，我看不到在这个元素上没有改变样式规则。这意味着围绕元素被更改：其中一个孩子或父母。

我想知道的是，您如何确定影响该计算的元素或规则，以便对其进行调试？

我希望有一个清单，例如“检查所有子元素的宽度属性。如果已设置，那么......，否则继续查看可能影响的JavaScript ...”

编辑：问题可以改为“”浏览器检查哪些因素，以什么顺序和优先级来确定元素的维度？“

Answer 1

请参阅以下规范：https://www.w3.org/TR/CSS2/visudet.html#propdef-height

有几种不同类型的高度计算，如第10.6节所述。查看那里的子部分，以确定如何计算元素的高度。

（该页面上某些部分的警告已被其他规格更新，但快速检查更新似乎不包括任何高度变化。）