【问题标题】：Extending footer to edges of window (left and right)将页脚扩展到窗口边缘（左右）
【发布时间】：2011-10-18 17:08:49
【问题描述】：
在http://filmblurb.org 开发我的网站时，我的页脚有问题。对于我的页脚，我正在尝试一些新的东西，我正在做一个延伸到浏览器窗口外边缘的表格，其余内容（即帖子、jQuery 滑块等）比宽度更小页脚。
对于我的页脚，我有一个表中的表，这两个表都包含一个单元格。我希望外部表拉伸到浏览器窗口的 100%，我计划通过放置某种背景图像来使用它。在那个表格的前面和那个表格中，我计划将我的页脚内容（即站点地图、联系信息、版权信息等）放在这个单元格中，该单元格将跨越 960 像素。这个宽度也等于我网站主页上其余内容的宽度。
如果有人可以帮助我解决这个问题，我将不胜感激。 （如果有帮助，我使用的是 Wordpress 3.2.1。）
【问题讨论】：
标签：
html
css
wordpress
footer
css-tables
【解决方案1】：
您需要做的第一件事是将div#footer 放在正确的位置。
所以，删除 position:absolute; 和 height:1em;
然后添加一个float 和一个width
#footer {
float: left;
width: 100%;
}
现在您的div#footer 位于您的div#wrap 内，这使它保持居中并限制跨越整个窗口宽度。
如果您希望它跨越整个页面，请将其从 #wrap 中删除并将其放在 div 下。
最后，不要将tables 用于非表格数据。请改用divs。
【解决方案2】：
如果您将宽度设为 100%，我建议您不要将页脚向左浮动。看看你做了什么。
将此代码添加到您的 css 中，每个元素都将居中，除非您单独将它们向左或向右浮动。
- {
边距顶部：0；
边距右：自动；
边距底部：0；
左边距：自动；
}