我有一个由display: table
样式的div组成的响应式布局。布局由多个div-table组成,其中一个div有一个overflow-y: scroll
的div,当内容太多并且用Firefox或IE打开时,它会出现在屏幕之外(完美的作品)在Chrome上。)
尝试在Chrome和Firefox或IE中打开以查看差异。 https://jsfiddle.net/nikolay_baychenko/wqsq5vjm/12/
答案 0 :(得分:0)
我通过使用不同的布局方法找到了解决方案。看起来像我用display: table
样式的布局首先是不正确的。 table-cell只是扩展考虑它的内容,浏览器负责它的行为方式。因此在当前情况下使用表格单元布局似乎是不可能的。
以下是相同的布局,但使用不同的方法:
https://jsfiddle.net/rpx53bLt/
https://jsfiddle.net/wokgof25/(支持IE 8和9)