html - 使用 :cover; adds horizontal scroll 的完整背景

标签 html css background-image frontend

我在一个网站上工作,它需要一个带有完整背景图像和 650 高度的标题。 目前我正在使用 background-size: cover;宽度为 100% 的属性。

虽然它正在工作,但它在右侧留下了大约 50 像素的笨拙水平滚动条。这在较小的分辨率中更为突出。

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

你可以在这里看到预览 - http://nitingarg.com/projects/tfe/

最佳答案

实际上是页脚上的填充导致了滚动。它是 100%,带有 40px 的填充。这就是整页宽度 + 40px。删除填充或将其设为“padding: 20px 0px;”你应该可以开始了。

关于html - 使用 :cover; adds horizontal scroll 的完整背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13898718/

相关文章:

html - 打印时在一页上保留页眉

css - 更改背景定位区域

ios - 针对不同分辨率设备的页面背景图像缩放

html - 左对齐和中对齐都在同一类中

html - 将 CSS 元素加载到 Rails 应用程序中

html - 他们如何在 http ://dropr. com 网站上制作下落雨滴的动画?

javascript - id.style.display 不工作

html - 如果您使用一个 PNG 创建所有图像资源;通过不同的div。然后您可以调整这些 Assets 的大小吗?

html - 在 ie6 中溢出父 div 之外的内容

html - CSS:反向重复线性渐变