td内的全高div

Question

我想实现这个目标：

表格行和灰线的高度应该是动态的，取决于右栏中的内容。

我已在How to make <div> fill <td> height中阅读，因此我尝试使用此http://jsfiddle.net/hyNWy/

但仍然没有运气。有什么建议吗？

Answer 1

带结肠？另外，为了得到你的间距：

<td style="position:relative;">
    <div style="width: 10px; position:absolute; top:10px; bottom:10px; background:grey">
    </div>
</td>

编辑：

我认为没有指定明确的高度是不可能的。您指向的original question中的解决方案实际上不起作用。 position:relative似乎无法正确应用于表格单元格。这可能是故意的，也是规范的一部分。

Answer 2

你试过吗

<table>
    <tr>
        <td>
            <div>
            </div>
        </td>
    </tr>
</table>

与

tr {  }
td { position:relative;height:300px; display:block; }
div {
    width:10px;
    position:absolute;
    bottom:10px;
    top:10px;
    display:block;
    background:grey
}

这是jsfiddle。