身体较小的宽度然后内部元素

Question

我正在尝试使用以下标记：

body
 #container
  #content

其中正文是全宽并且背景捕捉到右下角。

其中容器的设置宽度为960px，最小宽度为600px，位于页面的左上角。

其中内容的设置宽度为600px，并且也位于页面的左上角。保证金“100px 0px 0px 100px”

当我尝试这样做时，身体看起来很好，背景附件滚动位于右下方。但是，当浏览器的大小调整为小于960px（或容器元素的任何其他宽度）时，主体会停在浏览器的宽度处，从而泄漏子元素。

我希望身体始终至少是子元素的宽度，而不是破坏它。我没有浮动的元素，这可能会破坏页面，所以我不明白为什么它会这样表现。

Answer 1

我在这里做了一个解决方案：

jsFiddle

将最小宽度放在html元素上，而不是正文上。然后，如果视口太小，背景图像将移出视口，并在滚动时可见。

这是你想要的吗？