Html 如何让元素留在浏览器中'；当其内容较宽时，窗口的宽度是多少？

我试图让一个div展开以填充其容器，而不会导致该容器超出浏览器窗口的宽度，如中所示。单击最后一个条目中“堆栈跟踪”旁边的“展开”

它应该做的是显示一个水平滚动条

它实际做的是扩展到窗口的宽度之外

如果我给

元素一个

max width

像素，我可以让它工作，但是我希望它扩展到填充，不管窗口有多宽，也不要扩展到超出它的范围

---

如何修复此布局？css的一般方法是如何使元素水平扩展以填充其容器，同时不超出窗口边缘？

页面现在重新打开

我无法对您的表格进行排序。有一些无效的宽度参数。

---

您应该使用div容器而不是表格来布局页面！

不要使用表格，使用div和进行全幅使用

---

宽度：100%；

您可以提供

外部Div

宽度：100%

，因此需要

浏览器宽度

。或者您可以使用

Jquery

计算浏览器宽度。宽度（）

并将其存储在

变量中

并提供给外部分区。

我提出的解决方案是在展开/折叠分区中添加一个

最大宽度

。这并不能真正防止表比窗口宽，但它解决了95%的情况。

无法访问您的页面。请在中添加相关代码您的div答案不清楚，简单地将整个页面或下半部分包装在

中并不起作用。您的jquery答案不相关，因为我正在寻找css解决方案。请参阅当您将

宽度：100%

应用于

外部div

时，它将不会扩展在浏览器结束点出错之后，无论您要添加什么，它都可能是DIV或其他应用它们的显示属性并在

百分比中指定宽度，它将自动环绕在该DIV内。但不要使用表或
固定宽度
，如果您的窗口/文档视口大小小于此值，它将位于其后面。我正在修改（或者更准确地说，黑客攻击）dotProject供我的公司内部使用，所以完全重写布局是不可能的“这不是问题。div不是太窄，不能占据窗口或容器的宽度。它太宽；它迫使容器超出窗口的边缘。你能改进或扩展你的答案吗？”？