我正在尝试使用div将背景重复到包装内容的100％高度。
我正在使用overflow: hidden来执行此操作，但这（不出所料）会根据用户的屏幕分辨率切断内容。
删除overflow:hidden行意味着背景根本不会重复，#wrapper div不会假定内容的完整高度。
你可以在这里看到我的代码和预览 - http://jsbin.com/ikuba4/2 - 如果有人有任何指针会很棒！
编辑：澄清一下，问题是我需要我的#wrapper div（其中包含垂直重复的背景图像切片）应该动态地将其高度扩展到#inner_wrapper div的高度 - 删除{{1}导致overflow:hidden div完全没有扩展它的高度，而使用#wrapper会将高度扩展到一个点，但内容会被切断。
答案 0 :(得分：2)
在#wrapper：
height: 100%。overflow: hidden。在#inner_wrapper：
height: 100%。overflow: hidden。使用Firefox / Firebug进行测试，这些步骤将其排序。
这是一个fixed jsBin，它正在完成这些步骤。
编辑：
正如@Marnix在他的回答中指出的那样，你也应该从height: 100%删除#outer_container - 我认为不需要它在那里。
答案 1 :(得分：2)
有点不同也适用：
#outer_container
height: 100% #wrapper
height: 100% #inner_wrapper
height:100% overflow:auto