CSS-表格单元格div在Firefox和IE中超出屏幕范围

Question

我有一个由div与display: table style组成的响应式布局。 布局由多个div表组成，其中一个具有一个overflow-y: scroll div overflow-y: scroll的div overflow-y: scroll当内容过多时overflow-y: scroll到屏幕外部，并且可以在Firefox或IE上打开（在Chrome上完美运行）。

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

Answer 1

我通过使用不同的布局方法找到了解决方案。 似乎就像我在display: table使用的布局一样display: table样式最初是不正确的。 table-cell仅考虑其内容进行扩展，而浏览器则负责其行为方式。 因此，在当前情况下似乎无法使用表格单元布局。

这是相同的布局，但是使用不同的方法完成：

https://jsfiddle.net/rpx53bLt/

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