0

我有一个中心框，它占页面的 90%，这是因为在 100% 时留下了一个空白空间来滚动。无论哪种方式，我目前的问题是我有一个包含大量内容的页面，并且它超出了中心框的底部。我会将高度设置为自动，但是在像我的主页这样的页面上，中心框在大屏幕上太小，看起来很糟糕。

继承人的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;

任何帮助将不胜感激！

谢谢，詹姆斯

4

1 回答 1

0

首先，如果在给定 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');
});

where $('.content-container') points to the required div i.e. content which want to scale

于 2013-03-13T13:52:17.380 回答