表格单元格中的CSS div位置/大小

Question

我有一个不寻常的问题。

我需要在表格单元格中放置一个div（我有完全的CSS控制权）（我没有）。缺乏控制是由于第三方框架包含我的内容。

理想情况下，我想将div与表格单元格的顶部对齐（当前与中心对齐）并且div的高度始终为表格单元格的100％（即使其他单元格中的文本意味着该行垂直扩展。）

通常对于valign我会给我们相对/绝对定位，但这次我无法将“position：relative”添加到父单元格。

任何想法都会受到欢迎。

<table>
<tr><td><div style="">Entry Fee:</div></td>
<td><div style="">Adults £12.00<br />Juniors £10.00</div></td></tr>
</table>

Answer 1

您可以将此CSS应用于您的div：

td div {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: left;
}