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

Question

我一直试图解决这个问题几个小时，但我在这个论坛上找不到一个好的解决方案。

那么，如何让页脚背景here一直向左和向右延伸，就像我的标题一样？

我希望文本保留在屏幕中央的四列中，其当前宽度（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;
}