为什么这些像素等效元素具有不同的实际尺寸？

Question

我正在尝试编写博客代码，我希望同步时间轴事件的位置和帖子。我把它编码为两个不同的列，我试图用jQuery获得post的高度，然后计算时间轴事件中的空格大小。一切似乎设置好，控制台给我相同的数字，所以程序员工具在铬。您可以看到帖子here的高度，这些是其旁边元素的高度：element1，element2，element3。它总共740px但主要元素也是740px。

所以，我想知道，这怎么可能？谢谢。

Answer 1

正如您在图片中看到的，边距不包含在尺寸中。所以，例如，那个＆＃34; G +＆＃34;图标可能是32x32，有边距，它可能会接近48x48。并且文章的高度仅指绿线（填充）。

可能有多种方法可以解决这个问题，但是使用你现在正在做的事情，如果你将这些边距间隔的元素包装在div中，那么包装div的方法本身就会有正确的大小。