与display的奇怪交互:IE中的flex和rowspans

时间:2015-06-25 15:30:07

标签: html css internet-explorer css-position html-table

我试图position: absolute表中的一个元素,并发现对于跨越多行的单元格,它只会到达第一个单元格的底部,而这只会发生在IE中。经过一些修修补补后,似乎问题的原因是该表嵌套在一个带display: -ms-flexbox的div中,删除这个css意味着该元素可以到达该单元跨越的第二行的底部。

这是一个JS小提琴,显示我的意思。在Chrome中,这可以正常工作,在IE10中,绿色框不会与rowspan单元格的底座对齐。

https://jsfiddle.net/LomLdtxg/8/

任何人都可以解释这两个CSS如何相互作用,以及为什么会这样?这似乎只是一个IE浏览器问题,是否有一些解决方法/黑客需要完成才能正确渲染?

0 个答案:

没有答案