css - 股利和图像边距/填充

谁能告诉我为什么下面的CSS在图像下方产生多余的边距？它应该在整个内容周围添加一个5px的填充，并且可以很好地处理文本。有任何想法吗？

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

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

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

最佳答案

尝试使图像成为块级元素:

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