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

时间:2010-11-16 21:13:05

标签: html css

假设我有一个包含两行的表,每行都有一个单元格。我希望第一个单元格的高度为屏幕或webbrowser窗口的70%。

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

/托马斯

2 个答案:

答案 0 :(得分:1)

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

body {
   padding: 0;
   margin: 0
}

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

<table style="width: 100%">

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

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

现在忘记了以上所有以外的身体边缘和填充并使用:

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

答案 1 :(得分:0)

当您将高度设置为70%时,将为其父元素的高度的70%,在本例中为表格。

因此,如果您使用表格,则会强制使整个表格高度为100%,然后默认情况下表格单元格应自动展开。

这是你的意思吗?