滚动条切断 div 背景答案

【问题标题】：scrollbar cutting off div background滚动条切断 div 背景
【发布时间】：2013-02-14 04:13:26
【问题描述】：

每当以不足以显示整页的分辨率查看我的网站时，都会添加一个水平滚动条。问题是我的带有背景图像的 100% 宽度 div 没有将此背景图像应用于超出滚动条的部分。

同样的问题实际上也出现在 Stack Overflow 上。如果您将窗口缩小到足够小以产生水平滚动条，您可以看到页眉和页脚 div 区域都不会扩展背景图像/颜色。

我想解决这个问题的一种方法是将页眉/页脚 div 设置为固定，但是 div 末尾的内容会丢失:-(

有人有任何建议或解决方法吗？太棒了！

【问题讨论】：

标签： html css

【解决方案1】：

当您将元素设置为 100% 宽度时，它将具有与其父元素相同的宽度。 body 标签的宽度默认为视口的宽度。根据标准，当一个元素的内容太大而无法放入其中时，它将溢出。这就是你所看到的。

要解决这个问题，请在 body 标签上设置 min-width。如下所示，显然将宽度更改为适合您的任何内容：

body {
    min-width: 960px;
}

【讨论】：

【解决方案2】：

如果你使用了类似的东西

body{
     background: url("yourdir/yourimage.jpg") repeat repeat;
}

而不是背景 div？如果您还添加了背景 div 的代码会很有帮助

【讨论】：

【解决方案3】：

这个边距是一个浏览器滚动条，在调整大小时出现，使视口变小。这可以通过在 body 中添加隐藏的溢出来轻松解决。检查#242684

【讨论】：