100％高度divs不是100％

我正在從事這個網站：www.lumn.net。中心面板（#overall）應該是一個從頁面頂部延伸到底部的div。出於某種原因，我無法弄清楚，我在每個頁面的底部都留出空間。 ~~即使是陌生人，只有兩個頁面lumn.net/index.shtml和lumn.net/about.shtml，頂部和底部都有空格。~~ < - 固定100％高度divs不是100％

html和body都有身高：100％。

如果我將中間面板的高度設置爲100％，在底部只有額外空間的頁面上，它會改爲600px，其中一個內部div的最小高度以及超出此範圍的內容將耗盡底端。在頂部和底部都有額外空間的頁面上，沒有任何反應。

設置頂部：0和底部：0對於中間面板對任何頁面都沒有影響。

我不知道我在做什麼錯誤或如何解決它，而不是我已經嘗試過的東西。

更新：底部空間的問題是由於我的頁腳位於中心div之外，並使用負邊距向上移動。但是，當我將它移入內部時，我仍然在它下面有一些額外的空間：lumn.net/about.shtml。我怎樣才能正確地坐在我的#overall center div裏面？

來源

2012-05-25 poetiscariot

您能否給我們更多的細節？正如哪個div想要從上到下延伸一樣。更好的是，在jsfiddle.net上發佈代碼（和上述的細節） – Raekye

本頁右側有不少相關文章。讓divs擴展100％的瀏覽器窗口是一個非常困難的過程，但是有一個很好的文檔。嘗試通過幾十個這些，如果你仍然有問題，回發:) – DACrosby

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.lumn.net%2F – ShibinRagh

嘗試改變上#overal填充底：

padding-bottom: 18px

這是否解決問題了嗎？

來源

2012-05-25 12:25:24 Wesley

它的確如此，我只是想到了同樣的事情 - 60px底部填充是從我之前錯誤地嘗試定位頁腳留下的。 – poetiscariot

在主頁和關於頁面上，你有一些奇怪的額外字符「？」也許一個php標籤很開放？

你有沒有試過tp在#overall上放100％的高度？（對我來說，它的工作原理...）

來源

2012-05-25 04:01:54 tibo

對我來說，它會導致#overall縮小到瀏覽器窗口的高度（加上它的填充）。 – Brilliand

當我設定身高時，我得到了與Brilliand相似的結果：#Overall上的100％ - 但我不知道在哪裏？來自！它甚至在文檔類型聲明之前就在我的文件的頂部。 – poetiscariot

您的頁腳的高度爲28px（包括邊框），頂部爲-42px。這讓16px的#overall在它下面伸出 - 只有8px似乎是故意的。

至於頁面的頂部，這似乎是由一個無關的問號（在頁面的左上角幾乎看不到）引起的。

來源

2012-05-25 04:42:34 Brilliand

哦，對了，當我把它移到#overall（center）div裏，背景與內容分離時，頁腳做了一些非常奇怪的事情。我以爲我會把它放在外面，讓它在邊緣外移動，但沒有意識到它會在底部留下額外的空間。 – poetiscariot

＆正如我上面所說，我不知道那些錯誤？s來自 - 他們在doctype聲明之前的那兩個文件的開頭。如果有人沒有指出他們，我不知道要多久才能看到他們。至少這是一個簡單的修復。 – poetiscariot

100％高度divs不是100％

回答

相關問題