100％高度Div問題

我想製作一個完整的頁面DIV，它包含我所有的內容，但在其他div大於屏幕尺寸時展開，並且不會自動展開，您可以在http://molly.everythingcreative.co.uk查看網站（對不起，背景圖像尚未確定尺寸，所以文件相當大）。目前我用的是Stickyfooter代碼，以使DIV住宿全屏幕，但現在看來，這導致差距在頁面底部的任何調整或DIVS的擴大：100％高度Div問題

#global_main_frame { 
    width: 350px; 
    height: auto !important; 
    min-height: 100%; 
    top: 0; 
    bottom: 0; 
    position: relative; 
    padding: 0 50px 0px 50px; 
    float: left; 
    left: -600px; 
    background-color: rgba(0,0,0,0.8); 
    z-index: 200; 
}

例

<div id="global_main_frame"> 
<!-- All the other DIV's --> 
</div>

來源

2012-09-30 Joseph Gregory

該網站在Chromium 21.0.1180.89中看起來不錯（或者我不明白是什麼問題）。 – jli

同樣在這裏（@jli） –

如果您點擊住宿，所以它擴大比屏幕大，你會看到一個10px的DIV。或者只是調整瀏覽器的大小，使其小於文本，然後向下滾動即可看到它......這已經讓我非常惱火！ –

這是導致差距的#global_main_frame元素上的clearfix類。如果將clearfix類中的visibility樣式規則更改爲visible，則可以看到插入到全屏div下方的圓點以清除浮點。

要取出間隙您可以添加到font-size: 0clearfix或刪除從#global_main_frame元件的clearfix類（當容器本體元件它不需要）。

來源

2012-09-30 20:34:24 Alex

剛剛得出同樣的結論，+1 – jli

OMG！這是我第一次使用clearfix，我總是使用clear：both。你是一個傳奇！ –

很高興我能幫忙:) – Alex

100％高度Div問題

回答

相關問題