为什么这些像素等效元素有不同的实际大小？

Question

我试图编码博客，我想同步时间轴事件的位置和它的帖子。我将其编码为两个不同的列，并尝试使用jQuery获取post的高度，然后在时间轴事件中计算空白空间的大小。一切似乎都设置好了，控制台给了我同等的数字，所以程序员的工具在铬。您可以看到post 这里的高度，它旁边是元素的高度：element1、element2、element3。加起来，它是740 is，但主要元素post也是740 is。

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

Answer 1

正如您在图片中所看到的，页边距不包括在大小中。例如，虽然这个"G+“图标可能是32x32，但是它占用了看起来更接近48x48的空间。文章的高度仅指绿线(衬垫)。

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