html - CSS:以屏幕的百分比设置特定的表格单元格高度？

Question

假设我有一个包含两行的表格，每行有一个单元格。我希望第一个单元格的高度为屏幕或网络浏览器窗口的 70%。

如果在 tr 或 td 中设置了 height 属性，则单元格将获得以表格百分比而非屏幕百分比表示的高度。我不希望整个表格占屏幕的百分比，因为如果向其中添加内容，我希望第二个单元格能够无限制地向下扩展。这可能吗？

/托马斯

Answer 1

在样式表文件中将正文边距和填充设置为 0:

body {
   padding: 0;
   margin: 0
}

将表格的宽度设置为 100%:

<table style="width: 100%">

将单元格的宽度设置为 70%:

<table style="width: 100%">
   <tr>
      <td style="width: 70%">

现在忘记上面所有的内容，除了 body margin 和 padding 并使用:

    <div style="width: 70%"></div>
    <div></div>