Html 如何将DIV缩放到全宽？

我想将DIV设置为页面宽度的100%，而不是窗口宽度的100%

这样，如果我的内容比浏览器窗口宽，我希望div仍然扩展到整个宽度，而不是结束在页面的中间，因为它与<代码>宽度：100% < /代码> ./p> 将其嵌套到宽度为200%的DIV中；溢出：可见基本上可以工作，但有一个副作用，就是你可以滚动所有的200%。即使如此，如果内容超过窗口宽度的两倍，div也会在半空中结束

示例：（请注意，3000px宽的内容只是一个示例，在我的项目中，我不知道内容会有多宽以及何时会超过窗口宽度）

---

如何实现所描述的行为？

您可能应该提供一个示例，说明您正试图精确地执行的操作。因为DIV是一个块元素，所以它应该始终使用所有可用的宽度，除非它是空的或浮动的

---

您所说的“内容”是在所说的DIV中还是在页面的其他地方？

据我所知，您可以通过将所有内容包装在一个DIV中并设置为内容的大小来解决此问题。以您的例子：

<div style="margin: 0">
    <div style="width: 3000px;">
        <div style="width: 100%; border: 1px solid red;"></div>
        <div>... Your long content goes here ...</div>
    </div>
</div>

... 你的长内容放在这里。。。

现在，无论您将容器div设置为什么宽度（比如1500px），内部div（带红色边框）和内容都将是该宽度，即使它延伸到浏览器窗口之外

如果您不知道container div的大小，请取出'style=“width:3000px；”行，它仍然可以工作

---

示例：

我认为你想做的事情不可能是那样的。你可能需要给出一个更具体的例子来说明你想要实现什么

在此之前，我给出一个可能有效的猜测：给定周围的元素（

可能有效，否则添加一个）

display:table cell

，因为表格单元格会拉伸以适应其内容。如果您需要支持不支持

显示：表格单元格

的旧浏览器，请尝试在内容周围添加单单元格表格

---

示例：

HTML和正文样式的宽度是否也设置为100%？这个特定的DIV是否嵌套在另一个标记中（我指的是BODY标记除外）？为了使DIV正常工作，您可能忘记了“display:…”和“position:…”属性。它嵌套在一个整体包装DIV中，该包装DIV具有

边距：0

，没有其他内容。这个包装器上面的下一个元素是BODY。在我的问题中添加了一个示例。