我正在尝试使用 div 将背景重复到包装内内容高度的 100%。
我正在使用 overflow: hidden 来执行此操作，但这(不出所料)会根据用户的屏幕分辨率切断内容。
删除 overflow:hidden 行意味着背景不会重复，#wrapper div 不会假定内容的完整高度。
您可以在此处查看我的代码和预览 - http://jsbin.com/ikuba4/2 - 如果有人有任何指示，那就太好了!
编辑:澄清一下，问题是我需要我的 #wrapper div(其中包含垂直重复的背景图像切片)应该动态地将其高度扩展到 #inner_wrapper div 的高度 - 删除overflow:hidden 导致 #wrapper div 根本不扩展其高度，而使用 overflow:hidden 将高度扩展到一个点，但随后内容被切断。
最佳答案
在#wrapper上:
- 删除
高度:100%。 - 移除
溢出:隐藏。
关于#inner_wrapper:
- 删除
高度:100%。 - 添加
溢出:隐藏。
使用 Firefox/Firebug 进行测试，这些步骤解决了问题。
这是一个fixed jsBin这相当于执行这些步骤。
编辑:
正如@Marnix 在他的回答中指出的那样，您还应该从 #outer_container 中删除 height: 100% - 我认为没有必要将它放在那里。
关于html - 背景重复 div 的溢出隐藏问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4745308/