2013-12-19 20 views
0

有一箇中央塊「頁面」的佈局,有左,右和底部背景裝飾(綠色背景上的淺綠色植物)。CSS:頁底裝飾和身高

page

的問題是與底部裝飾,這是一個空的底塊,即僅用於顯示其背景圖像。 爲了可見,它必須有高度定義,但這個高度延伸整個身體的高度,並且窗口始終可滾動到底部裝飾塊的下方

您可以將「頁面」塊高度更改爲某種高度,像1000px或更多來查看問題。

我希望只有在頁面下方有很多空間的短頁面上才能看到全高底部裝飾(如在初始視圖中)。在長頁面上應該保持20px高度的最小差距。

不久,就必須是上的剩餘空間可見的,而不是由它自己的高度擴展的頁面

我相信這是可能的,但我堅持

感謝

+0

爲什麼你將背景圖像應用到你的'.sides'? – SquareCat

+0

爲了它將重複-y來填充任何頁面長度 – Liphtier

+0

是的,但我的意思是你爲什麼不將背景應用到身體? – SquareCat

回答

0

找到解決方案,簡單的修復

.wrapper {overflow: hidden; min-width: 1000px; } 

這裏的結果:

http://62.90.136.69/resultbottomdecor.html 

謝謝