滾動時中心框高度爲90％

我有一箇中心框，它是頁面的90％，這是因爲在100％處留有一個空白區域可以滾動。無論哪種方式我目前的問題是我有一個頁面有很多內容，並且它在中心框的底部。我會將高度設置爲自動，但之後在像我的主頁這樣的頁面上，中心框在較大的屏幕上太小，看起來很糟糕。滾動時中心框高度爲90％

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

任何幫助將不勝感激！

謝謝，詹姆斯

來源

2013-03-13 Spook811

決定，最小高度所需的div即含量：90％或500像素!! – 2013-03-13 13:45:33

請發佈一些HTML，以便我們可以看到你正在創建什麼...... – 2013-03-13 13:46:27

謝謝阿里，這是問題！完全錯過了，它一直在竊聽我幾個小時的錯誤。謝謝 – Spook811 2013-03-13 13:53:24

首先，如果在給予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')指向哪個要縮放

來源

2013-03-13 13:52:17

滾動時中心框高度爲90％

回答

相關問題