Как сделать изображение подходящим для всей ширины контейнера?

Question

Я пытаюсь сделать мое изображение подходящим для всей ширины контейнера.

Я пробовал:

• дать мой образ width="100%"
• место мое изображение в DIV, которые имеют ширину 100%

Ни одна из этих работ.

<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

Установите накладку контейнера на 0. Я переписал ваш fiddle с помощью CSS

Answer 2

Здесь добавить к вашей CSS, по умолчанию тело имеет запас 8px.

body{margin: 0px;}