擴展瀏覽器的高度

其餘設置高度內容，頁腳所以我知道的第一個念頭是「粘性頁腳」，但是這不是真的如此。這是變量的頁腳高度。擴展瀏覽器的高度

我有一個頁面，主要內容是從頂部200像素保證金...的內容後，我需要頁腳一路向下延伸的瀏覽器高度的剩餘部分;會有一個1600px的背景圖像，會repeat-x

2011-10-13 dcolumbus

一般頁面內容有多大？用戶是否會滾動頁面？ –

這裏有一個技巧。像平常一樣製作標題，內容和頁腳。頁腳的設置高度爲100％，並給它position:fixed屬性，並確保你不給它一個頂部，底部，等屬性。這將使頁腳「流出」，但將其保留在自然的位置（這將消除任何醜陋的滾動條）。

你可以看到它在example demo here行動。

2011-10-13 21:41:47

你知道，我一直只有一個但不確定的CSS屬性是位置。非常感謝，約瑟夫！ – dcolumbus

@dcolumbus不客氣。 :)當你真正習慣它們時，它們真的很有用。很高興我能幫上忙。 –

這對於包含大量內容的網頁不起作用。頁腳只是被遺忘而已。我認爲大多數人都需要一種適用於任何情況的解決方案。 –

爲什麼不只是讓body有頁腳的background-image？

然後，您可以設置的主要內容有任何你喜歡的背景，而頁腳會出現延伸到頁面的其餘部分。

2011-10-13 21:25:26 element119

頁腳圖像中存在漸變。每當頁面呈現正確顯示時，它都必須是像素完美的。你會注意到。 – dcolumbus

http://jsfiddle.net/JFtwD/25/ 這裏是你如何能做到這一點。不知道這是否是最好的解決方案，但它是一種解決方案。

2011-10-13 21:40:30 BjarkeCK

在頁腳上放一個最小高度也是個不錯的選擇。像這樣：http://jsfiddle.net/JFtwD/28/ – BjarkeCK

回答