表TD

Question

内100％高度的div我有这个表：

<table> 
    <tr> 
     <td> 
      <div style="height: 100%">Some Content</div> 
     </td> 
     <td> 
      Some Content<br><br><br><br> 
     </td> 
    </tr> 
</table> 

<div>高度应100%内<td>，但没有指定的<td>高度。 应该有一些简单的解决方案。

Answer 1

JS FIDDLE EXAMPLE

您可以使用：

<td style="vertical-align:top;">Top</td> 
<td style="vertical-align:middle;">Middle</td> 
<td style="vertical-align:bottom;">Bottom</td> 
<td style="vertical-align:54%;">Custom</td> 
// More information on: http://www.w3schools.com/cssref/pr_pos_vertical-align.asp 

在表格单元格内容正确定位。然而，你仍然可以得到背景着色问题，你可能想直接申请任何颜色的表格单元格像这样：

<td style="background-color:yellow;"></td> 

信息表行的高度：

一个“表行的高度一旦用户代理将该行中的所有单元格都可用，则计算元素的框：它是 行的计算“高度”， 行中每个单元格的计算“高度”以及最小高度（ MIN）。 “高度” “表格行”的“自动”值表示用于布局 的行高度是MIN。 MIN取决于单元格高度和单元格对齐方式（很多 类似于线框高度的计算）。 CSS 2.1没有定义 当使用百分比值指定高度时，如何计算表格单元格和表格行的高度。 CSS 2.1没有定义 行组上“高度”的含义。 Source W3.org

• 我已经做了内联CSS记得要经常单独使用CSS样式表。

看起来div高度限制在单元格的高度，我们可以用像素来操纵单元格高度。 100％只会给你100％的细胞最小高度，所以你必须用像素或某种形式的维度来定义它。