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

我试图编写博客，我想同步时间轴事件和它的帖子的位置。我将它编码为两个不同的列，我试图用jQuery获得帖子的高度，然后计算时间轴事件中空白的大小。一切似乎都设置好了，控制台给了我相当于数字，所以程序员工具在Chrome中。你可以看到帖子here的高度，这些都是它旁边的元素的高度：element1，element2，element3。总共740像素，但主要元素后也是740像素。为什么这些像素等效元素具有不同的实际大小？

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

来源

2017-11-04 Marcel Jurišta

那张照片是毫无价值！无论如何...当计算元素的高度时，你是在谈论内容框高度，填充框高度，是否有任何内容的顶部/底部边距？ –

对不起图片。无论如何，感谢您的评论。我想到了！我不得不减去时间线上元素的边距。谢谢！祝你今天愉快。 –

正如你可以在图片中看到，保证金不包括在大小。所以，例如，虽然这个“G +”图标可能是32x32，并带有边距，但它可能会接近48x48。而文章的高度只是指绿线（填充）。

有可能解决这个，但使用你现在在做什么，如果你在包装的div的保证金间隔元素的多种方式，那么这些包裹div一定有正确的大小本身。

来源

2017-11-04 00:59:11 SamVK

很好的解决方案，谢谢你们！ –

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

回答

相关问题