使用完整背景:封面;添加水平滚动

Question

我正在开发一个网站，该网站需要一个具有完整背景图像和650高度的标题。目前我正在使用背景大小：封面;属性具有 100% 宽度。

在它工作时，它会在右侧留下一个大约 50px 的尴尬水平滚动。这在较小的分辨率中更加突出。

我也尝试将背景应用于正文而不是标题div。但同样的事情也发生在那里。

您可以在此处查看预览 -http://nitingarg.com/projects/tfe/

Answer 1

实际上是页脚上的填充导致了滚动。它是 100%，填充为 40px。这就是整个页面宽度 + 40px。删除填充或将其设置为"填充：20px 0px;"，您应该很高兴。

Answer 2

我检查了您的网页源代码，缩放 100% 时，右侧的水平滚动约为 50px，但当您增加缩放水平时，会增加更多。

尝试下面的 css，因为我为我自己的网站解决了同样的问题

.header {
    min-width:980px; 
    height:auto;
    margin:0 auto;
}
.container {
    width:100%; 
    height:650px;
    margin:0 auto;
}

祝你好运:)