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

Question

我看到很多网站都存在这种问题，而且我最近才沉浸在 100% 拉伸(stretch)的背景中......

例子是

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

http://beanstalkapp.com/

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

编辑:呵呵，我一想出答案，我就得到了答案....哈哈。

Answer 1

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

html
{
  min-width: 1050px;
}

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

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