html - 固定幅ページの全幅 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>ラッパー内でタグを使用します。