溢出隱藏的問題與背景重複div

我試圖使用div重複100％的背景下的內容的高度的包裝。溢出隱藏的問題與背景重複div

我使用overflow: hidden要做到這一點，但這（不出所料）截止於依賴於用戶的屏幕分辨率的一個點的內容。

卸下overflow:hidden線表示背景不會在所有的重複和#wrapper DIV不承擔內容的整個高度。

你可以在這裏看到我的代碼和預覽 - http://jsbin.com/ikuba4/2 - 如果任何人有任何指針，這將是偉大的！

編輯：爲了澄清，問題是，我需要我的#wrapper DIV（其中包含背景圖像切片垂直重複）應該動態的高度延伸到#inner_wrapper div的高度 - 去除overflow:hidden結果#wrapper格設置不延伸其高度，而使用overflow:hidden將高度延伸到一個點，但內容被切斷。

來源

2011-01-20 spinozf

你是什麼意思「重複背景到100％的高度」嗎？拉伸圖像？ – 2011-01-20 09:31:24

我的意思是，包含#wrapper div（包含背景圖片切片）應該是其內部的#inner_wrapper div的完整高度。目前，我能做的最接近的工作是使用overflow：隱藏 – spinozf 2011-01-20 09:42:38

好吧，看起來像thirtydot答案是你需要的嗎？無論如何，當評論評論使用`@`就像我現在通知這個人時，前三個字母就足夠了。 – 2011-01-20 09:54:50

在#wrapper：

刪除height: 100%。
刪除overflow: hidden。

在#inner_wrapper：

刪除height: 100%。
添加overflow: hidden。

測試與Firefox/Firebug的，這些步驟整理出來。

這裏是一個fixed jsBin這是做的那些步驟的等價物。

編輯：
作爲@Marnix在他的回答中指出，還應從height: 100%刪除#outer_container - 我不認爲有任何需要它在那裏。

來源

2011-01-20 09:52:55 thirtydot

有點不同，其工作原理，以及：

#outer_container

刪除height: 100%

#wrapper

刪除height: 100%

#inner_wrapper

刪除height:100%
添加overflow:auto

來源

2011-01-20 09:58:03 Marnix

溢出隱藏的問題與背景重複div

回答

相關問題