Div和Image Margin / Padding

时间:2010-01-12 23:36:30

标签: css xhtml

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

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

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

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

1 个答案:

答案 0 :(得分:28)

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

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