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

Question

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

例子是

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

http://beanstalkapp.com/

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

编辑:嘿,一旦我自己想出答案,我就得到了答案......哈哈.

Answer 1

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

html
{
  min-width: 1050px;
}

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

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