使用CSS样式无法摆脱​​HTML页面底部的空间

Question

我最近发布了一个关于使用CSS来居中页面的问题.我想出了如何做到这一点,它看起来很棒,但现在,我的页面底部有一堆不必要的空间.我无法弄清楚如何摆脱它.

我将它上传到一个快速免费的虚拟主机,所以你们可以看看.这就是我正在尝试使用的内容:http://eric.200u.com/index.html

这是我关于页面居中的CSS:

html, body 
{
    padding: 0;
    margin: 0;
}

#container 
{
    width: 700px;
    margin: 0 auto;
    text-align: left;
}

Answer 1

那是因为您使用相对定位将元素放在彼此之上.当您这样做时,元素显示在其原始位置以外的其他位置,但它们仍占用文档流中的空间.

请改用绝对定位,以便将元素从文档流中取出.