每当使用不足以显示整页的分辨率查看我的网站时，都会添加水平滚动条。问题是我的100％宽度div与背景图像不会将此背景图像应用于超出滚动条的部分。
同样的问题实际上也出现在Stack Overflow上。如果缩小窗口以使其具有水平滚动条，则可以看到页眉和页脚div区域都不会扩展背景图像/颜色。
我想解决这个问题的一种方法是将页眉/页脚div设置为固定，但是在div结束时的内容将丢失： - （
任何人都有任何建议或解决方法？ TY！
答案 0 :(得分：2)
当您将元素设置为100％宽度时，它将具有与其父元素相同的宽度。 body标签的宽度默认为视口的宽度。根据标准，当元素内容大到适合它时，它会溢出。这就是你所看到的。
要解决此问题，请在body标签上设置min-width。如下所示，显然将宽度更改为适合您的任何内容：
body {
min-width: 960px;
}
答案 1 :(得分：1)
如果您使用了
的内容，那就太过分了body{
background: url("yourdir/yourimage.jpg") repeat repeat;
}
而不是拥有背景div？如果您还添加了背景div的代码
，那将会很有帮助答案 2 :(得分：0)
此边距是在调整大小时显示的浏览器滚动条，并使视口变小。这可以通过向主体添加隐藏溢出来轻松修复。查看#242684