css - table-cell div 在 Firefox 和 IE 中超出屏幕
css - table-cell div goes outside of screen in Firefox and IE
我有一个由具有 display: table 样式的 div 组成的响应式布局。布局由多个 div-table 组成，其中一个里面有一个 div 和 overflow-y: scroll 当内容太多时，它会出现在屏幕之外使用 Firefox 或 IE 打开（在 Chrome 上完美运行）。
尝试在 Chrome 和 Firefox 或 IE 中打开以查看区别。
https://jsfiddle.net/nikolay_baychenko/wqsq5vjm/12/
我通过使用不同的布局方法找到了解决方案。似乎我使用 display: table 样式的布局首先是不正确的。 table-cell 只是根据其内容进行扩展，浏览器负责其行为方式。因此，在当前情况下，使用 table-cell 布局似乎是不可能的。
以下是相同的布局，但使用不同的方法完成：
https://jsfiddle.net/rpx53bLt/
https://jsfiddle.net/wokgof25/（支持 IE 8 和 9）
我有一个由具有 display: table 样式的 div 组成的响应式布局。布局由多个 div-table 组成，其中一个里面有一个 div 和 overflow-y: scroll 当内容太多时，它会出现在屏幕之外使用 Firefox 或 IE 打开（在 Chrome 上完美运行）。
尝试在 Chrome 和 Firefox 或 IE 中打开以查看区别。 https://jsfiddle.net/nikolay_baychenko/wqsq5vjm/12/
我通过使用不同的布局方法找到了解决方案。似乎我使用 display: table 样式的布局首先是不正确的。 table-cell 只是根据其内容进行扩展，浏览器负责其行为方式。因此，在当前情况下，使用 table-cell 布局似乎是不可能的。
以下是相同的布局，但使用不同的方法完成：
https://jsfiddle.net/rpx53bLt/
https://jsfiddle.net/wokgof25/（支持 IE 8 和 9）