【发布时间】：2011-05-17 19:34:56
【问题描述】：
如何让背景图片重复整个页面的长度？
我已将重复的背景图像应用到正文，但默认情况下它仅向下延伸至页面内容。
如果我将 body 和 html 设置为 100% 高度，边距和填充为 0，那么背景会重复整个高度，但现在会出现滚动条。我可以用溢出来解决这个问题：隐藏；设置为 body，但我担心这个交叉设备的意外简洁等。
谢谢
【问题讨论】：
【发布时间】：2011-05-17 19:34:56
【问题描述】：
您是否尝试过使用溢出自动？
http://jsfiddle.net/easwee/hJsnW/4/
html, body {margin:0;padding:0;height:100%;background:url(http://jsfiddle.net/img/top-bg.png) repeat-y 0 0;overflow:auto;}
【讨论】：
-
有效！虽然我不明白为什么。谢谢
-
不同之处仅在于，如果您使用 overflow:hidden，它将剪切超出浏览器高度的内容 - 如果您使用 auto，它将仅在需要时显示滚动条。
-
太棒了。我最后做了所有的跨浏览器和设备测试，所以如果该方法导致任何问题，我会在这里发回。谢谢