css - 表格单元格 div 在 Firefox 和 IE 中超出屏幕

【问题标题】：css - table-cell div goes outside of screen in Firefox and IEcss - 表格单元格 div 在 Firefox 和 IE 中超出屏幕
【发布时间】：2016-09-02 10:41:11
【问题描述】：

我有一个由display: table 样式的div 组成的响应式布局。布局由多个 div-table 组成，其中一个内有一个带有overflow-y: scroll 的 div，当内容过多时它会出现在屏幕之外并且可以使用 Firefox 或 IE 打开（在 Chrome 上完美运行）。

尝试在 Chrome 和 Firefox 或 IE 中打开以查看差异。 https://jsfiddle.net/nikolay_baychenko/wqsq5vjm/12/

【问题讨论】：

标签： html css internet-explorer firefox cross-browser

【解决方案1】：

我通过使用不同的布局方法找到了解决方案。似乎我在display: table 样式中使用的布局首先是不正确的。考虑到它的内容，table-cell 只是扩展，浏览器负责它的行为方式。因此，在当前情况下似乎不可能使用表格单元布局。

以下是相同的布局，但使用不同的方法：

https://jsfiddle.net/rpx53bLt/

https://jsfiddle.net/wokgof25/（支持 IE 8 和 9）

【讨论】：