我所拥有的是一个样式被破坏的元素:宽度和高度完全错误。问题是没有在此元素上指定 width 或 height:如果您在 Chrome 开发工具中查看它，您会看到这些属性是灰色的，如下所示，因为它们只是由浏览器根据其他信息计算得出。
比较提交之间的差异，我可以看到此元素的样式规则没有更改。这意味着该元素周围发生了变化:它的许多子元素之一，或者一个父元素。
我想知道的是，您如何确定影响该计算的元素或规则，以便对其进行调试？
我希望有一个 list ，比如“检查所有子元素的宽度属性。如果设置了，那么......，否则继续查看可能影响 JavaScript 的......“
编辑:这个问题可以改写为“浏览器检查哪些因素，以什么顺序和优先级来确定元素的尺寸？”
最佳答案
查看这些规范:https://www.w3.org/TR/CSS2/visudet.html#propdef-height
如第 10.6 节所述，有几种不同类型的高度计算。查看那里的小节以确定如何计算元素的高度。
(该页面上的某些部分已被其他规范更新的警告，但快速检查更新似乎没有包含任何高度更改。)
关于html - 哪些因素会影响元素的宽度和高度的计算？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37261521/