如何使我的页脚背景全屏显示？ （HTML / CSS网站）

Question

我已经尝试解决了几个小时，但是在这个论坛中却找不到一个好的解决方案。

那么，如何让我的页脚背景这里舒展一路左右，我的头的方式做？

我希望文本以其当前宽度（950px）保留在屏幕中央的四列中，但背景要填充查看者的屏幕，无论宽度如何。

谢谢。

玛利亚

Answer 1

简单页脚表width:100%;

这是更改后的屏幕截图

顺便说一下，容器设计（例如，使用div）比表格设计要好得多。...使用div构建漂亮的网站的范围要比使用表大

Answer 2

您需要在主包装器之外创建一个div（如果有的话）。

此div将是您的页脚内容的容器。 只需将其宽度设置为100％。

然后对于要设为950px的页脚内容，只需在容器div内创建另一个div并将其宽度指定为950px，并且中心使用margin：auto;

HTML示例：

<div id="footer-container">

  <div id="footer-content">



  </div>

</div>

CSS：

 #footer-container {
  width: 100%;  
}
#footer-content{
  width: 950px;  
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}