頁面底部空間不合理

Question

有人能幫我弄清楚爲什麼我們的網站底部有很大的空間嗎？ 請參閱

http://www.zanadu.cn

我一直在玩了一段時間了，無法弄清楚的問題是什麼。

謝謝！

Answer 1

#main_content_container { 
    top: -170px; 

這就是爲什麼

你應該調整你的HTML並不需要整個包裝了170像素移位。

Answer 2

問題是爲什麼你有空間。我得到了答案

在CSS #main_content_container頂部-170px;和位置：相對。

變化，要

position: absolute; 
top: 200px; 

Answer 3

那是因爲你使用的相對定位。這隻會改變元素的顯示位置，但它仍佔用原始位置的空間。

因此，您已經使用相對定位來移動主容器以重疊菜單，但原始位置（它將沒有相對定位）恰好位於容器的底部。

Answer 4

當您定位相對的東西時，爲該元素保留的空間仍然存在。所以，你移動的股利，但空間仍然保留（前定位）的初始狀態

一個簡單的解決方法是改變main_content_container頂部定位邊距像這樣：

#main_content_container { 
    margin-top: -170px; 
} 

這應該使一切順利。記得在這裏刪除頂部：-170px的規則。