我目前正在創建一個網站，我試圖修復最大高度爲1100px。但是，如果我嘗試這樣做，我得到2滾動條來假設因爲div。任何人都可以幫我嗎？這裏是我的代碼片段。設置網站高度css

CSS：

html, body { 
    border:0; 
    margin:0; 
    padding:0; 
    overflow-x: hidden; 
} 

#wrap { 
    width: 960px; 
    margin: 0 auto; 
}

來源

2013-07-30 Nick Pocock

'#wrap {max-height：1100px}'？ – BenM

你能分享你的html代碼嗎？ – Mark

連同benm的建議我也會把溢出移到'＃wrap' – Pete

只需使用你的#wrap元素的max-height財產。這也可能是可取的移動overflow-x屬性，將其更改爲overflow-y，或者乾脆overflow太：

html, body { 
    border:0; 
    margin:0; 
    padding:0; 
    overflow-x: hidden; 
} 

#wrap { 
    width: 960px; 
    margin: 0 auto; 
    overflow: hidden; 
    max-height: 1100px; 
}

看到這個jsFiddle Demo

編輯：

我已經加入overflow-y到html, body定義以防止顯示默認視口滾動條。

來源

2013-07-30 13:58:17 BenM

謝謝，作爲一個整體網站的作品，但現在我的包裝實際上在網頁上有一個滾動條。任何想法爲什麼？ –

當然。因爲'＃wrap'比視口高。我更新了代碼以防止顯示滾動條。 – BenM

，我似乎也失去了我的包裝在頁面頂部的內容 –

設置網站高度css

回答

編輯：

相關問題