我正在尝试编写博客代码，我想同步时间轴事件的位置及其帖子。我将它编码为两个不同的列，我试图用 jQuery 获取帖子的高度，然后计算时间轴事件中空白空间的大小。一切似乎都设置好了，控制台给了我等效的数字，所以 chrome 中的程序员工具。可以看到帖子的高度here这些是旁边元素的高度:element1 , element2 , element3 .加在一起，它是 740px，但主要的 element-post 也是 740px。
所以，我想知道，这怎么可能？谢谢。
最佳答案
正如您在图片中看到的，边距不包括在尺寸中。因此，例如，虽然那个“G+”图标可能是 32x32，有边距，但它占用的空间看起来更接近 48x48。而文章的高度只是指到绿线(padding)为止。
可能有多种方法可以解决这个问题，但是使用您现在正在做的事情，如果您将这些边距间隔的元素包装在 div 中，那么这些包装的 div 将具有正确的大小。
关于javascript - 为什么这些像素等效元素具有不同的实际大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47106224/