我正在尝试使用以下标记:
body
#container
#content
body 是全宽的，背景贴紧到右下角。
其中容器的设置宽度为 960px，最小宽度为 600px，位于页面的左上角。
其中内容的宽度设置为 600px，并且也位于页面的左上角。边距 "100px 0px 0px 100px"
当我尝试这样做时，正文看起来不错，背景附件滚动位于右下方。但是，当浏览器的宽度调整为小于 960 像素(或容器元素的任何其他宽度)时，正文会停在浏览器的宽度处，从而将子元素泄漏出去。
我希望 body 始终至少是子元素的宽度，而不是断开。我没有 float 元素，这可能会破坏页面，所以我不明白为什么它会这样。
最佳答案
我在这里做了一种解决方案:
将最小宽度放在 html 元素上，而不是 body 上。然后，如果视口(viewport)太小，背景图像将移出视口(viewport)并在您滚动时可见。
这是你想要的吗？
关于css - 主体宽度小于内部元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3957397/