CSS百分比問題

-1

我有一個頁腳圖像顯示在頁腳div。頁腳圖像大多是黑色的，所以我希望頁腳的右側和左側區域的div爲黑色並延伸到頁面的邊緣。我無法做到這一點。我將不勝感激任何幫助。下面是我的CSS代碼，然後相關的HTML代碼： CSS：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：

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

來源

2016-06-12 tim987980

什麼「百分比問題」是你在你的頭和標籤中引用？你的CSS中沒有百分比值，你的問題也沒有包含任何有關百分比的內容？ – Johannes

我知道答案是百分比相關的。 – tim987980

但你想要什麼？ – Johannes

一種方法是從body取出固定width，並給予width:100%到footer那麼你可以居中使用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>

來源

2016-06-12 23:12:18 dippas

謝謝，現在嘗試... – tim987980

它的工作原理，我不得不重新調整頁面的其餘部分，但一旦完成，它看起來很不錯。日Thnx – tim987980

CSS百分比問題

回答

相關問題