Div和Image Margin / Padding

Question

有谁能告诉我为什么下面的CSS会在图像下面产生额外的余量？它应该只是在整个事物周围添加一个5px填充，它可以正常使用文本。有什么想法吗？

div#somediv {
margin: 0;
padding: 5px;
}

div#somediv img {
margin: 0;
padding: 0;
}

<div id="somediv">
  <img src="someimage.jpg" />
</div>

Answer 1

尝试将图像设为块级元素：

div#somediv img
{
    display: block;
    margin: 0;
    padding: 0;
}