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

时间:2011-03-31 15:12:36

标签: html css sticky-footer

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

例子是

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

http://beanstalkapp.com/

如果你约束浏览器的宽度并向右滚动,它看起来就像是:背景不会延续。你怎么能解决这个问题?

编辑:嘿,一旦我自己弄清楚了答案,我就得到了答案......哈哈。

1 个答案:

答案 0 :(得分:3)

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

html
{
  min-width: 1050px;
}

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

此外,如果您使用百分比以及边框,边距和填充(这部分原因导致您的背景图像无法正确粘贴),那么布局会遇到一些问题。