无法使用CSS样式消除HTML页面底部的空间

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

我把它上传到一个快速免费的网络主机上，你们可以看一下。 这就是我想要解决的问题：

这是关于页面居中的CSS：

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

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

---

这是因为您使用相对定位将图元放置在彼此的顶部。当您这样做时，元素将显示在其原始位置以外的其他位置，但它们仍会占用文档流中它们原本所在的空间

---

改为使用绝对定位，以便将元素从文档流中删除。

这是因为您使用相对定位将元素放置在彼此的顶部。当您这样做时，元素将显示在其原始位置以外的其他位置，但它们仍会占用文档流中它们原本所在的空间

---

改为使用绝对定位，以便将元素从文档流中移除。

问题在于背景div

<div id="bg"></div>

---

由于顶部设置为-190px，因此在底部形成大小为190的空间。要解决此问题，请为该分区设置边距底部：-190px。

问题是因为背景分区

<div id="bg"></div>

---

由于顶部设置为-190px，因此在底部形成大小为190的空间。要解决此问题，请为该分区设置边距底部：-190px。

一个更简单的解决方案是按如下方式设置最外层元素的样式

body
{
    padding: 0;
    margin: 0 auto;
    width: 700px; /* px is bad here, but I'm keeping things simple for now */
}

#container
{
    position: absolute;
    background: url(images/pixel_down.jpg);
    height: 100%;
}

并从所有其他元素中删除CSS定位。你为什么要把导航条形码弄得如此复杂以至于无法访问，而不是使用一行简单的图像

---

你也可以试着找一个广告不会破坏版面的免费主持人。我相信是这样的，尽管我不确定它是否自上次查看以来发生了更改。

一个更简单的解决方案是按如下方式设置最外层元素的样式

body
{
    padding: 0;
    margin: 0 auto;
    width: 700px; /* px is bad here, but I'm keeping things simple for now */
}

#container
{
    position: absolute;
    background: url(images/pixel_down.jpg);
    height: 100%;
}

并从所有其他元素中删除CSS定位。你为什么要把导航条形码弄得如此复杂以至于无法访问，而不是使用一行简单的图像

你也可以试着找一个广告不会破坏版面的免费主持人。我相信是这样的，尽管我不确定自从上次看后它是否有变化