css - 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 似乎没有正确应用于表格单元格。这很可能是故意的并且是规范的一部分。