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" >

我应该在图像上使用浮动吗？或使用显示器:块？

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;到图像样式。