页面底部空间不合理

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的规则。