html - 如何使动态大小的表格单元格中的 div 填充单元格

Question

我的屁股很痛。我有一个页面布局，其中一个表有两列。右栏始终为 300px 宽，但左栏用于填充容器中的剩余空间。使用以下内容很容易:

<table width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td width='*'>
    </td>
    <td width='300'>
    </td>
  </tr>
</table>

现在，我希望左列包含一个应用了一些样式的 div。在该样式中有一条规则，即 div 的宽度为 300px。这对 RIGHT 列没问题，但我希望左列由 div 填充。我的直觉告诉我添加带有“width: inherit;”的样式标签但这不起作用，它只是完全去除了宽度。我认为这是因为 CSS 不知道如何继承 width="*"。

那么，在左列中设置此 div 样式以填充 TD 的最佳方式是什么？任何宽度 % 值都是相对于页面而不是容器计算的。

我能想出的唯一解决方案(还没有这样做)是在窗口绘制时使用 CSS 调整 TD 的大小，然后 div 的样式:inherit 会起作用，我相信。我真的不想那样做，因为我祈祷有一种符合 CSS 的方式来做这件事。

Answer 1

应该早点尝试这个。如果设置position:relative；在 div 上它有效。自动将宽度设置为 300px 的 css 也设置了 position: absolute with didn't allow inherit to be relative to the TD.