修复了HTML中的TD高度属性

当你使用百分比时,它们是相对于它们的容器的,即使如此,这也只适用于某些类型的元素。我想,要想让这奏效,你需要将高度应用于 <tr> s、 并给予 <table> 高度。如果 <表> 高度也是相对的,你也需要给它的容器一个高度。

但是看看你的数据,你是 真正地 你确定你应该用桌子吗?!

奥利说得对!然后给出你发布的截图,你使用了错误的标记。你可以使用更像这样的东西:

<div class="post">
  <div class="author">
    <a href="#">Claude</a><br />
    <a href="#"><img src="Users/4/Avatar.jpeg" /></a>        
  </div>
  <div class="content">
    <div class="date">Sent: 18.08.2008 20:49:28</div>
    <div class="body">
      This is the content of the message.
    </div>
  </div>
  <div class="clear">&nbsp;</div>
</div>

css如下:

div.post {
  border: 1px solid #999;
  margin-bottom: -1px; /* collapse the borders between posts */
}
div.author {
  float: left;
  width: 150px;
  border-right: 1px solid #999;
}
div.content {
  border-left: 1px solid #999;
  margin-left: 150px;
}
div.date {
  border-bottom: 1px solid #999;
}
div.clear {
  clear: both;
  height: 0;
  line-height: 0;
}

CSS格式

.Date {
    height: 50px;
}

我不完全理解你的问题,你是说如果你用这个:

.Date {
 height: 10%
}
.Body {
 height: 90%;
}

那个 .Date td 比它应该的大吗?如果不设定绝对高度,你怎么知道它应该有多大?您是否考虑了边框和填充?

您可以尝试添加 colspan="2" 到 .Body td 或额外 <td> 只有不间断空格的元素(   )