html - 修复了 HTML 中的 TD 高度属性

Question

我无法让 td“Date”具有固定的高度。如果 Body 部分中的 td Date 元素比它应该的要大 - 即使我将 Date 高度设置为 10% 并将 Body 高度设置为 90%。有什么建议吗？

<tr>
  <td class="Author" rowspan="2">
    <a href="#">Claude</a><br />
    <a href="#"><img src="Users/4/Avatar.jpeg" style="border-width:0px;" /></a>        
  </td>
  <td class="Date">
    Sent:
    <span>18.08.2008 20:49:28</span>
  </td>
</tr>
<tr>
  <td class="Body">
    <span>Id lacinia lacus arcu non quis mollis sit. Ligula elit. Ultricies elit cursus. Quis ipsum nec rutrum id tellus aliquam. Tortor arcu fermentum nibh justo leo ante vitae fringilla. Pulvinar aliquam. Fringilla mollis facilisis.</span>
  </td>
</tr>

我现在的 CSS 是:

table.ForumThreadViewer td.Date {
  text-align: left;
  vertical-align: top;
  font-size: xx-small;
  border-bottom: solid 1 black;
  height: 20px;
}

table.ForumThreadViewer td.Body {
  text-align: left;
  vertical-align: top;
  border-top: solid 1 black;
}

table.ForumThreadViewer td.Author {
  vertical-align: top;
  text-align: left;
}

它适用于 FF 但不适用于 IE。 :(

Answer 1

当您使用百分比时，它们是相对于它们的容器的，即便如此，它也只适用于某些类型的元素。我想这会起作用，您需要将高度应用于 <tr> s，并给出 <table>一个高度。如果<table>高度也是相对的，你也需要给它的容器一个高度。

但是看看您的数据，您真的确定您应该使用表格吗？!