html - 表格单元格内的 CSS div 位置/大小

Question

我有一个不寻常的问题。

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

理想情况下，我希望将 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;
}