css - 如何确定其他 css 属性/规则正在调整您的 html 元素的大小

Question

有时你调整一个元素的大小，这就是它的大小。但通常在复杂的环境中，有很多因素会影响元素的尺寸。

显然，确定它决定维度的最佳方法是对所有相关元素和规则进行深入的认知理解。

但我想知道是否有任何工具，例如 firebug 或 Chrome 开发者工具，可以帮助确定哪些其他组件正在影响所选组件的尺寸。

谢谢

克里斯

Answer 1

如果我理解正确，那么大小是指在应用所有高度、宽度、边框和填充属性后生成的大小。

在 chrome 中，您可以看到计算样式（右键单击元素 => 检查元素）并确定从哪个 CSS 选择器应用哪个属性。