Question

我有一个占据页面90％的中心框，这是因为100％会留下一个空白的空间来滚动。无论哪种方式，我现在的问题是我有一个内容相当多的页面，它离开了中心框的底部。我会将hight设置为auto，但是在我的主页之类的页面上，中心框在较大的屏幕上太小，使得看起来很糟糕。

继承人的CSS：

#centerBox {
width:70%;
min-height: 90%;
height: auto;
background:#ffffff;
text-align: center;
margin:0 auto;
-moz-box-shadow:0px 3px 3px 3px #737374;
-webkit-box-shadow:0px 3px 3px 3px #737374;
box-shadow:0px 3px 3px 3px #737374;
min-height:500px;

任何帮助将不胜感激！

谢谢，詹姆斯

Answer 1

首先，如果给出100％宽度，则水平滚动然后reset the layout

body
{
   margin:0;
   padding:0;
}

现在，对于您的大型内容，请始终将您的身高设置为自动，即height:auto

但它会导致一个问题，当没有内容时，身高会太小。

你可以做的是你可以使用jquery来控制高度。

保持整个css不变并执行此操作。

document.ready(function(){
    if($('.content-container').height()<200)
        $('.content-container').height('500');
});

其中$('.content-container')指向所需的div，即想要缩放的内容

滚动时中心框高度为90％

1 个答案: