css - 是否有任何 css 工具可以回答如何计算此特定元素的偏移量？

Question

我使用 firebug 和一些 CSS 编辑器，但我不知道是否有任何工具可以给出答案 - 如何计算这个特定元素的偏移量？

一般来说，有时我应该分析具有很多属性的元素的所有父元素，以了解为什么我的元素位于那里。

我能找出一个算法吗，比方说，

parent1 的 margin-top + parent2 的 padding-top + parent3 的高度 = 我的元素的结果偏移顶部？

附言。我在 Meier 等处读过盒模型。我不问理论，只是寻找分析工具。

Answer 1

也许布局选项卡可以帮助解决 Firebug 问题？它位于样式旁边的右侧。对于每个元素，您可以看到该元素的偏移量、边距、边框和填充。

所以也许您可以将要查找的任何元素的偏移量相加。