html - CSS：在存在 100% 宽度的元素时向右滚动：右侧部分不存在背景？

Question

我看到很多网站都受此影响，而且我最近才沉浸在 100% 延伸的背景中......

例子是

http://brassblogs.com/blog/sticky-footer

http://beanstalkapp.com/

如果您限制浏览器的宽度并向右滚动，它会在视觉上看起来关闭：背景不会延续。你怎么能解决这个问题？

编辑：呵呵，只要我自己想出答案，我就得到了答案....哈哈。

Answer 1

您的问题发生是因为当您调整窗口大小时浏览器不知道何时停止缩放网页。您必须指定设计可以容忍的最小宽度：

html
{
  min-width: 1050px;
}

它min-width有点大，但如果你把它做得更小，你的背景会渗出并导致布局问题。

此外，如果您使用百分比以及边框、边距和填充（这也是您的背景图像无法正确粘贴的部分原因），您会遇到一些布局问题。