position:absolute,在显示内部:在IE中具有动态高度的table-cell

时间:2014-06-20 19:57:44

标签: html css internet-explorer tablecell equal-heights

我有一个水平布局,我使用display: table-cell来获得统一的高度。这在Chrome中看起来不错,但我无法让IE呈现类似的内容。

http://jsfiddle.net/z8hys/4/

这就是我想要的样子: Chrome jsfiddle image

但在IE9,IE10和IE11中,我得到的内容如下: IE jsfiddle image

  • .cell的高度需要是动态的。
  • 至少需要在IE工作。
  • 垂直虚线.top,高度可变。
  • 水平虚线.right具有可变位置。

1 个答案:

答案 0 :(得分:0)

肯定有其他方法可以在不使用display:table-cell的情况下获得统一高度的布局,这在IE11中效果更好。但是我很难建议一个,因为我不知道这两条小虚线是什么意思,或者为什么他们会在那里。

但有一个建议是:http://jsfiddle.net/zq4EA/3/。看看,让我知道它是否有效以及为什么,我很乐意继续与你合作:)希望有所帮助!