css - 是什么导致了额外的填充？

<分区>

我有 2 个节标签在彼此之上。第一个包含图像，第二个仅包含一些文本。

但出于某种原因，首先是在底部放置几个像素的额外填充。为什么？？？？

<section class="s1"><img src="something.jpg" width="500" height="500" /></section>
<section class="s2"> Test Test Test </section>

我在造型上试过这个

section, img {
    padding: 0;
    margin: 0
}
.s1 {
    background-color: black
}
.s2 {
    background-color: red
}

忽略它是损坏图像的事实，对真实图像也是如此。

谢谢。

最佳答案

img 是内联元素。所以为它制作display: block。

关于css - 是什么导致了额外的填充？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38331611/