Css 百分比是相对于窗口还是相对于文档？

在CSS中，如果我将width属性设置为100%，如下所示：

width: 100%;

如果文档的宽度大于窗口的宽度（水平滚动），则元素的宽度仅为窗口的宽度。如果我向右滚动，它会立即被切断

---

如何使用CSS将元素的宽度设置为文档宽度的

最小宽度

，以便在滚动时不会被截断？

基于百分比的宽度取决于父元素的宽度。因此，如果将宽度设置为50%，它将是父容器的50%。因此，您需要确保所有父元素的大小都正确

可能存在使用绝对定位元素的解决方案。但是，这也取决于父对象的位置属性

在页面上没有获取“文档宽度”的构造（在纯css中）。几乎在任何情况下，都会受到父元素的约束

但是，可以使用Javascript实现解决方案

---

我建议您使用Firebug或其他浏览器调试器调查父元素链的大小。

唯一的父元素是标记。它不应该等于正文的宽度，即文档的宽度吗？我以前从未见过这种情况发生，但我从来没有在浏览器宽度低于600px的情况下工作过。是的。应该这样。你可以发布一个屏幕截图或一个问题的摘要吗？你可以访问我的网站www.tapescan.com，将你的浏览器宽度设置为小于970px，然后向右滚动一点。你会看到中间的大图片背后的灰色背景不是页面的全宽度，无论我对它或它的父母做什么。随着页眉的填充，你的最小文档大小将是1010px。我建议您将主体最小宽度设置为1010px。