CSSのパーセント問題

Question

私はフッターイメージをフッタのdiv内に表示しています。フッター画像はほとんど黒ですので、フッターの左右の領域にあるdivを黒にして、ページの端まで伸ばしてください。私はこれを達成することができません。助けていただければ幸いです。以下は私のCSSコード、その後、関連するHTMLコードは次のとおりです。 CSS：

body{ 
width: 1196px; 
    margin-top: 2px; 
    margin-right: auto; 
    margin-bottom: 0px; 
    margin-left: auto; 
    font-family: Verdana, Geneva, sans-serif; 
} 

.footer { 
    width:1196px; 
    float: left; 
    height: 572px; 
} 

HTML：一つの方法は、bodyから固定widthを削除し、footerにwidth:100%を与えている

<div class="footer"><img src="images/footer.jpg" width="1196" height="572"/></div> 

Answer 1

あなたがセンタリングすることができますfooter img使用display:block + margin:auto

body { 
 
    margin: 2px auto 0; 
 
    font-family: Verdana, Geneva, sans-serif; 
 
} 
 
.footer { 
 
    max-width: 100%; 
 
    background: black 
 
} 
 
img { 
 
    display: block; 
 
    margin: auto 
 
}

<div class="footer"> 
 
    <img src="//dummyimage.com/1196x572" /> 
 
</div>