IE 10宽度问题与绝对定位的孩子

Question

我有这个问题，孩子延伸过父母。孩子有宽度百分比，绝对定位。我在这里创建了一个小提琴：https://jsfiddle.net/f2zf7par/

<div class="grand-parent">
  <div class="parent">
   <table class="child"><tr><td>test</td></tr><tr><td>test</td></tr>
   </table>
  </div>
</div>

.grand-parent {width: 100%; max-width: 400px; height: 300px;  background: #000;}
.parent {
 width: 100%;  position: relative;}
.child {background: #fff; width: 50%; height: 50%;position: absolute; right: 0;}

我如何让IE的行为与其他浏览器相同？

Answer 1

而不是right:0，你可以这样做：

left:50%;

演示：https://jsfiddle.net/f2zf7par/1/

它基本上是相同的，对，在IE中看起来一样（11，希望也是10），Chrome和Firefox。