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;
}