我有一个水平布局,我正在使用display: table-cell
它来获得统一的高度。这在 Chrome 中看起来不错,但我无法让 IE 以类似方式呈现。
这就是我打算让它看起来的样子:
.
但在 IE9、IE10 和 IE11 中,我得到如下所示的内容:
- 高度
.cell
需要是动态的。 - 至少需要在 IE 中工作。
- 垂直虚线
.top
, 具有可变高度。 - 水平虚线
.right
, 具有可变位置。
我有一个水平布局,我正在使用display: table-cell
它来获得统一的高度。这在 Chrome 中看起来不错,但我无法让 IE 以类似方式呈现。
这就是我打算让它看起来的样子:
.
但在 IE9、IE10 和 IE11 中,我得到如下所示的内容:
.cell
需要是动态的。.top
, 具有可变高度。.right
, 具有可变位置。肯定有其他方法可以在不使用display:table-cell
IE11- 的情况下获得统一高度的布局。但我很难推荐一个,因为我不知道这两条小虚线是什么意思,也不知道它们为什么会出现在那里。
但一个建议是:http: //jsfiddle.net/zq4EA/3/。看看,让我知道它是否不起作用以及为什么,我很乐意继续与您合作 :) 希望对您有所帮助!