Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有css工具,回答这个特定元素的偏移量是如何计算的?_Css - Fatal编程技术网

有没有css工具,回答这个特定元素的偏移量是如何计算的?

有没有css工具,回答这个特定元素的偏移量是如何计算的?,css,Css,我使用firebug和一些CSS编辑器,但我不知道是否有任何工具可以给出答案——如何计算这个特定元素的偏移量 通常,有时我应该分析元素的所有父元素,并分析它们的许多属性,以了解我的元素为什么被放置在那里 我能找到一个算法吗,比如 parent1的边距顶部+parent2的填充顶部+parent3的高度=my元素的结果偏移顶部 顺便说一句,我在梅尔等公司读过关于盒子模型的书。我不是问理论,只是寻找分析工具 我能想到一个简单的方法。我希望这会有所帮助: 在样式标记内使用以下命令 body *{ bo

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

通常,有时我应该分析元素的所有父元素,并分析它们的许多属性,以了解我的元素为什么被放置在那里

我能找到一个算法吗,比如

parent1的边距顶部+parent2的填充顶部+parent3的高度=my元素的结果偏移顶部


顺便说一句,我在梅尔等公司读过关于盒子模型的书。我不是问理论,只是寻找分析工具

我能想到一个简单的方法。我希望这会有所帮助:

在样式标记内使用以下命令

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

这将标记所有边框和轮廓,使感兴趣元素的所有父元素可见。同时具有轮廓和边框应该向您显示边距和填充的效果。

也许布局选项卡在firebug中有帮助?它在Style旁边的右侧。 对于每个元素,可以看到元素的偏移量、边距、边框和填充

所以也许你可以把你要找的元素的偏移量加起来