полноразмерный div на странице с фиксированной шириной

Question

У меня есть страница с фиксированной шириной, и вам нужно вставить изображение полной ширины в середине страницы. Каков наилучший способ сделать это?

Answer 1

http://jsfiddle.net/c59Pw/

CSS:

.container { 
    width:500px; 
    margin:0 auto; 
    background-color:purple; 
    padding:30px; 
} 
img { 
    position:absolute; 
    width:100%; 
    left:0; 
} 

HTML:

<div class="container"> 
    <p>Copy here.</p> 
    <img src="http://www.placecage.com/c/500/300"> 
</div> 

Answer 2

Я использовал бы тег <img>, внутри вашей обертки.

Answer 3

Для полной ширины в соответствии с контейнера или размер страницы, вы можете просто использовать в CSS:

width: 100%; 

Для фиксированный размер, введите в пикселях или других единицах следующим образом:

width: 250px; 

http://www.w3schools.com/cssref/pr_dim_width.asp