css - 在Firefox和IE

时间:2016-05-07 11:23:55

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

我有一个由display: table样式的div组成的响应式布局。布局由多个div-table组成,其中一个div有一个overflow-y: scroll的div,当内容太多并且用Firefox或IE打开时,它会出现在屏幕之外(完美的作品)在Chrome上。)

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

1 个答案:

答案 0 :(得分:0)

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

以下是相同的布局,但使用不同的方法:

https://jsfiddle.net/rpx53bLt/

https://jsfiddle.net/wokgof25/(支持IE 8和9)