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

Question

我已经尝试解决这个问题几个小时了，但我在这个论坛上没有找到好的解决方案。

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

我希望文本以其当前宽度（950px）保持在屏幕中心的四列中，但背景填充查看器的屏幕，无论宽度可能是多少。

谢谢。

玛丽亚

Answer 1

简单的页脚表width:100%;

这是更改后的屏幕截图

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

Answer 2

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

这个 div 将成为您的页脚内容的容器。只需将其宽度设置为 100%。

然后对于您希望宽度为 950 像素的页脚内容，只需在容器 div 内创建另一个 div 并将其宽度分配为 950 像素，并且中心使用边距：自动；

示例 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;
}