html - 图片未正确插入父div的高度

This question already has answers here:

Image inside div has extra space below the image
                                
                                    （9个答案）
                                
                        
                                5年前关闭。
            
                    
我希望父div是子图像的高度，如下所示：

<div class="container one">
    <img src="http://placehold.it/250x250" />
</div>

div高度应恰好为250px。为了说明，我创建了一个JSFiddle here。

现在，FF和Chrome实际发生的情况是div稍高一些，可能是3到5像素。

我想避免不必要的不​​必要的纯化妆品标记嵌套

<div class="container one">
    <div class="inner">
        <img src="http://placehold.it/250x250" />
    </div>
</div>

或类似。

我觉得这很明显，但我对此毫无意义。

最佳答案

<img>是一个内联元素，由于这个事实，在下面添加了额外的空间。用修复

img {
  display: block
}

关于html - 图片未正确插入父div的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26444010/