Html 将页脚延伸到窗口边缘（左侧和右侧）

在开发网站时，我的页脚有问题。对于我的页脚，我正在尝试一些新的东西，我正在做一个延伸到浏览器窗口外边缘的表格，其他内容（如帖子、jQuery滑块等）比页脚的宽度更细

对于页脚，我在一个表中有一个表，两个表都包含一个单元格。我希望外部的桌子能延伸到100%的浏览器窗口，我计划通过放置一些背景图像来使用它。在前面和表中，我计划将我的页脚内容（即网站地图、联系信息、版权信息等）放在这个单元格中，它将跨越960像素。这个宽度也等于我网站主页上其他内容的宽度

---

如果有人能在这方面帮助我，我将不胜感激。（如果有帮助，我正在使用Wordpress 3.2.1。）

您需要做的第一件事是将

div#footer

放在正确的位置

因此，删除

位置：绝对和<代码>高度：1米

然后添加一个
浮动
和一个
宽度

#footer {
   float: left;
   width: 100%;
}

现在，您的
div#footer
位于您的
div#wrap
内，它保持居中，并限制其跨越整个窗口宽度

如果希望它覆盖整个页面，请将其从
#wrap
中删除，并将其放置在该
div
下

最后，不要将
表格
s用于非表格数据。改用
div
s。
您需要做的第一件事是将
div#footer
放在正确的位置

因此，删除
位置：绝对和<代码>高度：1米

然后添加一个
浮动
和一个
宽度

#footer {
   float: left;
   width: 100%;
}

现在，您的
div#footer
位于您的
div#wrap
内，它保持居中，并限制其跨越整个窗口宽度

如果希望它覆盖整个页面，请将其从
#wrap
中删除，并将其放置在该
div
下

最后，不要将
表格
s用于非表格数据。改用
div
s。
我建议您，如果将页脚宽度设置为100%，则不要将页脚向左浮动。看看你在做什么

将此代码添加到css中，每个元素都将居中，除非单独向左或向右浮动


{
边际上限：0；
右边距：自动；
页边距底部：0；
左边距：自动；
}
如果您将页脚宽度设置为100%，我建议您不要将页脚向左浮动。看看你在做什么

将此代码添加到css中，每个元素都将居中，除非单独向左或向右浮动


{
边际上限：0；
右边距：自动；
页边距底部：0；
左边距：自动；
}