当视口调整大小时，标题不会延伸到100％，但页脚会？

Question

我正在一个小网站上工作，我找到了一个无济于事的答案。

我的页眉和页脚都设置为宽度：100％，以及它们周围的包装div和正文。

我的标题没有伸展到100％，当我必须水平滚动时它更糟糕，但我的页脚正在填充宽度。他们的风格几乎相同 - 我无法弄明白。

以下是测试网站：

http://www.maxsitedesign.com/joncollins

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

Answer 1

删除以下规则会修复它。

.inside {
  padding: 10px;
}

style.css 第60行

基本上发生的事情是您尝试将应用于主内容文本的规则仅应用于100％宽度的容器。 100％仅适用于元素的实际宽度，而不适用于最终宽度。因此，你的容器是100％+ 20px（每侧10px）。

编辑：

再次查看该网站，现在问题出现在#spray和＃bottom-wrapper上。您应该从width:1300px移除#spray，从min-width:1300px移除#bottom-wrapper。这些像素大小与您的％尺寸相冲突。