我一直在寻找答案一段时间，我相信答案可能会在这里找到，只是我不够熟练，无法将所有知识放在一起以适合我的确切情况。事情是这样的：
我有一个带有居中标题和内容的页面。居中的内容 div 有一个背景图像，所有内容都在不同的 div 中，通过单击标题菜单中的可见性。我的问题是我希望整个页面的高度随可见 div 的长度而变化。但是，我还希望它在大屏幕上不低于 100%，因为如果您有大屏幕，我希望居中内容 div 的背景图像始终垂直填充整个屏幕区域。
我现在是如何解决的：主体的最小高度为 100%，内容包装器具有以下 css：
width: 1159px;
height:100%;
min-height: 2500px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('images/bg.jpg');
2500px的值大约是header的高度+最大的div。我现在的问题是内容较少的 div 在页面底部有很多空白空间，如果您使用的是小屏幕，则可以滚动。
谢谢大家！