溢出隐藏的问题与背景重复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

回答

相关问题