これらのピクセル相当要素が実際のサイズが異なるのはなぜですか？

Question

ブログをコーディングしようとしています。タイムラインイベントとその投稿の位置を同期したいと思います。私は2つの異なる列としてそれをコード化し、私はjQueryでポストの高さを取得し、タイムラインイベントで空白のサイズを数えようとしています。すべてがOKに設定されているようですが、コンソールは私に同等の数字を与えてくれるので、プログラマツールはクロムになります。投稿の高さはhereで、その横の要素の高さはelement1,element2、element3です。一緒に、それは740ピクセルですが、主要な要素の投稿も740ピクセルです。

だから私はこれをどうやってできるのか知っていますか？ありがとうございました。

Answer 1

写真のように、余白はサイズに含まれていません。たとえば、「G +」アイコンは32x32で、余白は48x48に近いと思われますが、また、記事の高さは、緑色の線（パディング）までしか参照していません。

おそらくこれを解決するには複数の方法がありますが、現在行っていることを使用してdiv内に余白のある要素をラップすると、ラップするdivには正しいサイジングが適用されます。