是否有任何的CSS工具，回答這個特定元素的偏移量是如何計算的？

Question

我使用firebug和一些CSS編輯器，但我不知道是否有任何工具可以給出答案 - 這個特定元素的偏移量將如何計算？

一般來說，有時我應該分析具有很多屬性的元素的所有父母，以知道爲什麼我的元素定位在那裏。

我可以找出一個algorythm，比方說，parent1 + parent2 + parent3的高度填充頂=的

邊距結果偏移量我的元素的頂部？

PS。我在Meier等讀過關於盒子模型的文章。我不問一個理論，只是尋找分析工具。

Answer 1

我可以想到一個簡單的方法。我希望這會有所幫助：

使用下面的樣式標籤內

body *{ 
border:thin solid red; 
outline:thin solid green; 
}

這應該標誌着所有的邊界和輪廓使得所有你的元素的興趣可見的父元素。既具有輪廓又具有邊框應該顯示邊距和填充的效果。

Answer 2

也許佈局選項卡可以幫助在螢火蟲？它位於Style旁邊的右側。 每個元素都可以看到元素的偏移量，邊距，邊框和填充。

所以，也許你可以加上你正在尋找的任何元素的偏移量。