如何在IE11中沿着父级tr高度拉伸div

Question

我有一些代码，如下所示。如何让它在IE11中像Chrome一样工作？我需要沿父母的 tr 高度伸展 div 。

<table>
  <tr>
    <td style="position: relative; width: 50px">
      <div style="height: 50px; background-color: #0C59CF"></div>
    </td>
    <td style="position: relative; width: 50px">
    <div style="position: absolute; 
     top: 0; 
     bottom: 0; 
     left: 0; 
     right: 0; background-color: #5cb85c">
    </div>
    </td>    
 </tr>
</table>

https://jsfiddle.net/sz64jzvr/12/

Answer 1

检查my post有关此问题的解决方案。在所有浏览器中全面测试。