CSS動態重複嵌套背景div，可能嗎？

Question

似乎有關於這個問題的一些帖子，但我找不到任何決定性的一種或另一種方式，所以我以爲我會在這裏嘗試在CSS比我更熟悉的人！我有3個容器div，它們有背景圖像，在主要內容的頂部和底部給人留下逐漸減少的線條效果的印象。我不能讓中間div動態擴展，只要我需要它，它似乎需要一個特定的高度。有沒有辦法獲得高度：自動或100％的工作呢？該網站是here - 謝謝！

Answer 1

編輯：對不起，您正在試圖拉伸背景圖像。

該技術是去除float:right;風格和保證金添加到左側：在Chrome

#main_body { 
    float: right; //remove this 
    margin-left: 320px; //add this 
} 

-Works

Answer 2

有描述的解決方案。你可以使用純CSS來做到甚至使用javascript。 我在考慮你只需要一個css解決方案。試試下面的CSS。

body { 
margin:0; 
padding:0; 
height:100%; 
} 

或

html{ 
width:100%; 
height:100%; 
} 

或退房這個環節，一個更好的解決方案。 Click here