html - IE 绝对定位 inside relative to with position : relative

Question

我有一个问题，如标题所述。我有一个表，div 在这个表的 td 里面。我想相对于表格行定位这个 div，所以我将 tr position 设置为 relative 并将 div position 设置为 absolute。它在 Firefox 中工作正常，但在 IE 中它对我来说出乎意料。有一个代码:

<div class="container">
<div class="panel"></div>
<table>
    <tbody>
        <tr>
            <td>a</td>
            <td>s</td>
            <td><div class="problem-div">i'm here</div></td>
        </tr>
    </tbody>
</table>    

table {
    border: 1px solid;
    table-layout: fixed;
    width: 100%
}

tr {
    position: relative
}

.panel {
    height: 50px;
    background-color: red
}
.problem-div {
    position: absolute;
    top: 0;
    left: 0
}

有 fiddle http://jsfiddle.net/L7nczrsp/5/请帮助我了解我做错了什么。

更新1感谢@James，我们现在知道表格元素的位置未定义 http://w3.org/TR/CSS21/visuren.html#propdef-position

但是，我们可以将 td position 设置为 relative 而不是将 this styles 设置为 tr。它工作正常。 但是还是和w3冲突。

但是 感谢@ShabanKhan 的想法，我们可以将相对定位的 div 放入 td 并将我们的问题 div 放入此 div。似乎工作。有更新的 fiddle http://jsfiddle.net/meatwas/akkLxjpp/1/

Answer 1

定位不适用于表格属性尝试添加一个 div 使其相对定位。