Question

我有一个带有单个div的简单页面。在div里面我有一个尺寸为[h：58px，w：173px]的图像。

<body>
    <div id="main_header">
        <img src="logo.gif" style="padding: 0; margin: 0;">
    </div>
</body>

它没有包装在任何其他标签中。但是，Chrome会将容器div的高度计算为63px。 #main_header没有关联的css。 html和body都有margin和padding设置为0。

任何人都可以解释为什么div的高度是63而不是58？

Answer 1

这是因为父母的line-height。将父级的line-height（或font-size）设置为零，或将图像设置为display: block。