如何在 IE11 中沿父级的 tr 高度拉伸 div [重复]

Question

我有一些如下代码。如何让它像在 Chrome 中一样在 IE11 中工作？我需要沿父级的 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 以了解此问题的解决方案。在所有浏览器中进行了全面测试。