網站的高度問題

我正在創建一個網站，我已經創建了一個結構，但我正面臨高度問題。這裏是我期待網站的高度問題

Expecting

，但是這是我得到

Final 下面是CSS：

html {height:100%!important;} 
body { 
    margin:0; 
    font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
    color:#8a8a8a; 
    min-width:1000px; 
    background:#fff; 
    min-height:100%!important; 
} 

#wrapper { 
    position:relative; 
    min-height:100%; 
    overflow:hidden; 
    background:url(../images/wrapper.jpeg) repeat-y; 
} 
#content { 
    float:left; 
    width:100%; 
    min-height:100%; 
}

來源

2012-10-25 Zerotoinfinity

你真的希望文字佔據整個區域嗎？如果是這樣，只需使用'height：100％;' –

我想要一個完整的長度左右部分 – Zerotoinfinity

這個我用你的一些代碼做的例子應該可以幫助你一點：http://jsfiddle.net/fA4HL/3/ –

100％纔剛剛設置爲100％其中的內容，請嘗試使用像素高度代替

#content { 
    float:left; 
    width:100%; 
    min-height:500px; 
}

來源

2012-10-25 21:14:48

但是容器可以隨着用戶對數據的選擇而增長..它會隨着用戶需求的增長而增長。就像facebook – Zerotoinfinity

@Zerotoinfinite - 最小高度意味着至少500px高，如果內容超過500px，它將展開 –

我會在你的包裝上放一個min-height像素。由於#content設置爲100％高度，它將填充所有包裝。

這樣，如果內容少於填充瀏覽器全部高度所需的內容，頁面會在內容下方添加空白以填充瀏覽器高度。我首先創建一個新頁面時經常這樣做，因爲我沒有任何內容，但想知道填充瀏覽器窗口時的外觀。

我建議做這樣的事情：

#wrapper { 
    position: relative; 
    min-height: 600px; 
    overflow: hidden; 
    background: url(../images/wrapper.jpeg) repeat-y; 
}

您可能要調整min-height以像素爲單位，以適應您的定點不惜一切代價，使其填補了瀏覽器窗口。

來源

2012-10-26 03:47:56 KraigH

網站的高度問題

回答

相關問題