当内容更宽时，如何让元素保持在浏览器的 window 宽度内？
How can I get an element to stay within the browser's window width when its content is wider?
我正在尝试让 div 展开以填充其容器，而不会使该容器展开超出浏览器 window 的宽度，如 this page 中所示。单击“最后一个条目中的堆栈跟踪”旁边的 "Expand"。
它应该做的是显示一个水平滚动条。
它实际做的是扩展超出 window 的宽度。
如果我给 <div class="stack"> 元素一个 max-width 像素，我可以让它工作，但我希望它扩展以填充无论 window 有多宽是，没有超出它。
如何修复此布局？ css 使元素水平扩展以填充其容器而不超出 window 边缘的一般方法是什么？
页面已恢复正常！
我无法整理您的 table 东西。有一些无效的宽度参数。
您应该使用 div-Containers 而不是 tables 来布局您的页面！
不要使用表格，使用 DIV 和全角使用
width: 100%;
这将始终占用浏览器 window 宽度的 100%。
您可以为您提供 outer Div width:100%，因此需要 browser width。或者您可以使用 Jquery $(document).width(); 计算浏览器宽度并将其存储在 variable 中并提供给您的外部 div.
我想出的解决方法是在 expand/collapse div 中添加 max-width。它不会真正 防止 table 比 window 更宽，但它解决了 95% 的情况。
我正在尝试让 div 展开以填充其容器，而不会使该容器展开超出浏览器 window 的宽度，如 this page 中所示。单击“最后一个条目中的堆栈跟踪”旁边的 "Expand"。
它应该做的是显示一个水平滚动条。
它实际做的是扩展超出 window 的宽度。
如果我给 <div class="stack"> 元素一个 max-width 像素，我可以让它工作，但我希望它扩展以填充无论 window 有多宽是，没有超出它。
如何修复此布局？ css 使元素水平扩展以填充其容器而不超出 window 边缘的一般方法是什么？
页面已恢复正常！
我无法整理您的 table 东西。有一些无效的宽度参数。 您应该使用 div-Containers 而不是 tables 来布局您的页面！
不要使用表格，使用 DIV 和全角使用
width: 100%;
这将始终占用浏览器 window 宽度的 100%。
您可以为您提供 outer Div width:100%，因此需要 browser width。或者您可以使用 Jquery $(document).width(); 计算浏览器宽度并将其存储在 variable 中并提供给您的外部 div.
我想出的解决方法是在 expand/collapse div 中添加 max-width。它不会真正 防止 table 比 window 更宽，但它解决了 95% 的情况。