如何使图像适合整个容器宽度？

Question

我试图让我的图像适合整个容器宽度。

我试过了：

• 提供width="100%"
的图片
• 将我的图片放在宽度为100%
的div中

这些都不起作用。

<div class="container" style="background-color:gray;">
    <div width="100%">
        <img width="100%" src="http://s6.postimg.org/7ic0egypt/report_nav.png">
    </div>
</div

JSFiddle

Answer 1

这里将此添加到您的css中，默认情况下，正文的边距为8px。

body{margin: 0px;}

Answer 2

将容器填充设置为0。我用CSS重写了你的fiddle