當我調整瀏覽器窗口大小時，頁眉和頁腳看起來很糟糕

我遇到了這個問題，其中一切都正確對齊，但是當我調整瀏覽器窗口的大小時，它會在底部顯示一個滾動條來水平滾動......當您滾動頁眉和頁腳被剪掉，看起來非常難看。關於如何解決這個問題的任何想法？當我調整瀏覽器窗口大小時，頁眉和頁腳看起來很糟糕

2012-10-10 cppit

問題是您的#contentdiv有width:1000px;，而頁眉和頁腳僅設置爲width: 100%。

您可以通過將min-width: 1000px;添加到您的頁眉和頁腳選擇器來修補此問題，以便它們不會比頁面的寬度收縮得更遠。

希望這會有所幫助！

2012-10-10 05:51:21 jmeas

你#content導致滾動因爲1000px width

2012-10-10 05:51:47 Dipak

你可以試試這個CSS：

html, body{ 
margin:0; 
padding:0; 
}

這個CSS的頁眉和頁腳和內容DIV：

header, footer, #content{ 
min-width: 1000px; 
}

2012-10-10 05:51:57

您需要用它來修復它

body { 
    width:100%; 
    min-width: 1000px; 
}

正如你#content <div>寬度爲1000px;和您的頁眉/頁腳設置爲100%;一般從不打印出您的視的大小，所以你可以用它來修復

2012-10-10 05:52:46

回答