调整视口大小时，页眉不会拉伸到 100%，但页脚会？

Question

我在一个小网站上工作，我一直在寻找答案，但无济于事。

我的页眉和页脚都设置为 width:100%，以及它们周围的包装 div 和正文。

我的页眉没有拉伸到 100%，当我必须水平滚动时更糟，但我的页脚正确地填充了宽度。它们的风格几乎相同——我想不通。

这里是测试地点：

http://www.maxsitedesign.com/joncollins

任何帮助将不胜感激。在这一点上，我可能已经添加了无关的样式以尝试修复它。

Answer 1

删除以下规则修复它。

.inside {
  padding: 10px;
}

style.css 第 60 行

基本上，您正在尝试将一条规则应用于仅适用于 100% 宽度容器的主要内容文本。 100% 仅适用于元素的实际宽度，而不适用于最终宽度。因此，您的容器是 100% + 20px（每边 10px）。

编辑：

再次查看该站点，现在看来问题出在#spray 和#bottom-wrapper 上。您应该从#spray 中删除width:1300px，从#bottom-wrapper 中删除min-width:1300px。这些像素大小与您的 % 大小冲突。