div 的高度大于图像

Question

我是前端开发的菜鸟。最近，我写了这样的代码：

<div style="background-color:red">
        <img src='https://www.logaster.com/blog/wp-content/uploads/2013/06/jpg.png'>
</div>

image(logo.jpg)的高度是80px，div的高度是82px。为什么？

Answer 1

你可以像块一样显示图像来解决这个问题，

<div>
    <img style="display:block" src='logo.jpg'>
</div>