我一直在寻找答案,我相信答案可能会在这里找到,只是因为我没有足够的技巧将所有的知识放在一起以适应我的确切情况。事情就是这样:
我有一个带有居中标题和内容的页面。居中的内容div具有背景图像,并且所有内容都位于不同的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的值大约是标题的高度+最大的div。我现在的问题是,内容较少的div在页面底部有很多空白空间,如果你使用小屏幕,它是可滚动的。
提前谢谢大家!