Question

我有一个包含2行的表格布局（见下文），第二行包含一个表格：

<table id="outer">
  <tr>..</tr>
  <tr>
    <td>
      <table id="inner">..</table>
    </td>
  </tr>
</table>

CSS将外表设置为高度：100％。内表设置高度：100％。

问题：

如果A）外表的第一行是空的 B）内部表中的内容是最小的，它垂直对齐页面上的内部表（或外部表的第二行），尽管事实上我的内部表的高度为100％。

注意：

Firefox以我期望的方式显示它，这样如果外表的第一行为空，则内表（或外表的第二行）将在顶部垂直对齐。

我尝试过以不同的方式使用vertical-align：top无效。

有什么建议吗？

浏览器 IE 7/8 Chrome 17.0.963

Answer 1

问题似乎出现在您未向我们展示过的代码中。正如您在jsfiddle中看到的那样，Chrome和Firefox在第一行折叠显示表时没有问题，这意味着您有另一行CSS影响此表（可能来自CSS重置）。