我试图让一个 div 扩展以填充其容器，而不会导致该容器扩展超出浏览器窗口的宽度，如本页所示。单击最后一个条目中“堆栈跟踪”旁边的“扩展”。
它应该做的是显示一个水平滚动条。
它实际上在做的是扩展超出窗口的宽度。
<div class="stack">如果我给元素 a以像素为单位，我可以让它工作max-width，但我希望它扩展以填充无论窗口有多宽，而不超出它。
如何修复此布局？css 让元素水平扩展以填充其容器而不超出窗口边缘的一般方法是什么？
问问题
200 次
4 回答
0
页面现在又回来了！
我无法整理你的餐桌上的东西。有一些无效的宽度参数。您应该使用 div-Containers 而不是表格来布局您的页面！
于 2015-01-14T01:30:29.053 回答
0
我想出的解决方法是max-width在展开/折叠 div 中添加一个。它并不能真正阻止桌子比窗口宽，但它解决了 95% 的情况。
于 2015-05-09T20:03:05.267 回答
-1
你可以提供你outer Div width:100%所以它会需要browser width。否则，您可以计算浏览器宽度Jquery $(document).width();并将其存储variable并提供给您的外部 div。
于 2015-01-14T12:18:58.310 回答
-1
不要使用表格，使用 DIV 和全宽使用
width: 100%;这将始终占用浏览器窗口宽度的 100%。
于 2015-01-14T01:50:07.270 回答