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

Rey*_*Rey 5 html css sticky-footer

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

例子是

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

http://beanstalkapp.com/

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

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

Ble*_*der 3

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

html
{
  min-width: 1050px;
}
Run Code Online (Sandbox Code Playgroud)

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

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