Div和圖像邊距/填充

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