HTML網站在結尾處留下大量空間

-1

我對整個頁面使用相對DIV，但不知何故在頁面末尾留下了很多空間。HTML網站在結尾處留下大量空間

對於我的背景，我曾經使用過一個圖像，但即使這個圖像並不大。而且我甚至將底部邊距設置爲0px。

提前感謝！

2016-02-28 Stanimal

您的div高度百分比的計算超過100％。如果它像50％的容器一樣是不成問題的，但是在這種情況下，沒有容器，所以它就像屏幕高度的1格50％+ 1格50％+ 1格50％= 150％一樣。 –

@ freestock.tk我相信你錯了，只要一個元素直接是身體的一個孩子，百分比就不會使用屏幕高度來計算。根據我的經驗，他們根本沒有計算。看看這個codepen http://codepen.io/Appie/pen/XdWobG – Abdel

但是隻有1個DIV的圖像。其餘的是分DIVS，如果我添加細分，那麼總數將超過1000.所以這不是問題。 – Stanimal

由於<div id="div-1whiteback">的大部分空白處都有，它已經被賦予了100％的高度，並在大約一半的位置（大約增加了頁面高度的一半）。底部還有額外的空白，因爲徽標周圍的每個div都被賦予一個特定的百分比高度，超過了他們的分配空間。

希望有幫助！

2016-02-28 20:01:56

非常感謝！這真的有幫助！ :)雖然我仍在尋找解決方法，因爲我的網頁中有幾個div，我不能只刪除它們。 – Stanimal

第一步是殺死CSS中的每個人的'height'屬性，這樣他們就不會消耗太多空間。你會注意到這樣做會影響徽標的高寬比（也許這是一件好事，所以它們不會被壓扁？），然後你可以通過賦予div'vertical-align：middle;'將它們全部對齊以使其彼此居中。 –

回答