How to make an image to fit the whole container width?

Question

I'm trying to make my image to fit the whole container width.

I've tried :

• give my image of width="100%"
• place my image within a div that have width of 100%

None of those work.

<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

Set the container padding to 0 . I rewrote your fiddle using CSS