css - 如何通过 Firebug (Firefox) 跟踪 Computed 样式？

Question

我在 Firebug 中看到元素的 Computed 样式（例如宽度），但我如何找出究竟是什么导致了它们？

主样式选项卡没用。样式选项卡没有捕捉到的变化来自某处。我需要准确追踪导致当前布局的原因，Firebug 是错误的工具吗？

Answer 1

Computed侧面板允许您展开计算的样式以查看样式跟踪。

尽管请注意，Firebug 2.0.16 与 Firefox 46.0 结合使用的错误会破坏该功能，即您将在“其他”部分下看到所有属性，并且它们不可扩展且未过滤。这个错误已经修复，虽然还没有新版本。