如何停止調整CSS大小以適應瀏覽器窗口？

當使用css背景（如下面頁面的頁腳（在元素div.footer_head和div.footer_footer中））時，如果瀏覽器窗口的大小調整爲小於1000px，則div自身保持全寬，但在瀏覽器中向右滾動導致空白出現在背景應該出現的位置。如何停止調整CSS大小以適應瀏覽器窗口？

我確定我會在這裏找到一個類似的問題，但似乎無法正確地將其正確地找到，以便在搜索中找到它。

如果有人能指出我在正確的方向，我相信我可以弄清楚這一點。

看看當您將瀏覽器調整爲非常薄並滾動到右側時，類footer_head和footer_footer的div如何運行。

screenshot http://printanomics.unbranded-nomads.co.uk/picture-2.jpg

來源

2011-08-18 mike-source

你可以發佈一個例子，並說出你想要改變它嗎？ –

完成後，將嘗試獲取屏幕截圖 –

帶有一些代碼的jsFiddle鏈接將很好，以幫助我們幫助您:) –

您需要添加一個min-width:1000px到.footer-container。

.footer-container { 
    float: left; 
    line-height: 1.5; 
    margin-top: 20px; 
    width: 100%; 
    min-width: 1000px; /* add this */ 
}

這將意味着最小的width的.footer-container將得到的是1000px。雖然此後它將擴大到100％。

來源

2011-08-18 12:17:27 tw16

謝謝！不是一個完美的解決方案，這似乎留下了另一個50px的空白在右邊，這是奇怪的...我已經使它min-width：1050px;它走的是全角，但我擔心可能會使水平滾動條出現在1024x768的屏幕上。我沒有時間讓它完美地支持每一個分辨率，但考慮到其他所有內容都是1000px或更少，有點惱人...... –

如果你看一下你的CSS文件，你會看到頁腳寬度設置爲100％，而不是1000像素爲其他申報單。這也適用於你的背景，因爲你的背景不會比div本身更大。

我不知道你是否使用這個，但Firebug是一個非常好的Firefox插件，用於識別CSS文件中的問題。

來源

2011-08-18 12:03:31

我使用鉻我有一些相似的東西。我似乎無法弄清楚哪個div需要固定寬度，哪個div需要一個百分比，儘管... –

雖然編碼它總是很好有不同的瀏覽器，因爲同一個網站可能在不同的瀏覽器上看起來不一樣... 我剛剛將最小寬度：1000px應用於.footer-container類 –

Chrome的確有類似的東西。右鍵單擊文檔中的一個元素並選擇「Inspect Eelement」或通過扳手菜單訪問「工具」>>「開發人員工具」。 –

如何停止調整CSS大小以適應瀏覽器窗口？

回答

相關問題