IE11表格單元格高度與位置折疊：絕對內容

Question

在IE 11中測試一些舊的東西時遇到過這個問題。例如：

http://codepen.io/Samih/pen/zaqjA

基本上，當你有一個display: table-cell元素，其內容絕對定位，它可以正常工作，直到你修改該絕對容器的內容。 您可以通過單擊示例中的一個表格單元格來查看此內容。

在Chrome，Firefox甚至IE 10中，這不會導致問題，但在IE 11中，您可以看到表格單元格高度消失為0，並且在您執行調整窗口大小之前不會再返回。

我嘗試過一個黑客解決方案，它涉及使用javascript來改變單元格大小，然后將其更改回來，但在我應用它的地方證明它不可靠。 如果有人能提出一個解決方案，我更喜歡基於CSS的解決方案。

Answer 1

我自己找到了答案。 應用display: inline-block到position: relative元素修復了IE 11中的問題。我不知道為什么，介意 - 但是它有效！