css - 调整视口(viewport)大小时，页眉不会拉伸(stretch)到 100%，但页脚会吗？

Question

我正在一个小网站上工作，我搜索了答案但没有成功。

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

我的页眉没有拉伸(stretch)到 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 。这些像素大小与您的％大小相冲突。