css图像不填充div

Question

我有一个100％宽度的DIV .....在网格系统内..总网格是1140px ..

无论如何在div里面是100％我插入了一张图片...

问题是如果div背景是黑色的......底部有1厘米仍然显示黑色。

像这样

http://jsfiddle.net/hb3QK/3/

<div style="background:black; width:100%;">
  <img src="http://i42.tinypic.com/ofq9tg.png" >

我应该在图像上使用浮动吗？或使用display：block？

Answer 1

你在这做 http://jsfiddle.net/cancerian73/hb3QK/4/

img {
    height: auto; /* Make sure images are scaled correctly. */
width: 100%; /* Adhere to container width. */
display:block;
 }

Answer 2

将display: block;添加到图片样式。