使可变高度td高度的div：100％跨浏览器工作

在别人开始尖叫之前“不要使用表格布局”，我一直没有能够创建一个非表格布局，在我的作品情况。使可变高度td高度的div：100％跨浏览器工作

直接设置height: 100%出于显而易见的原因不能正常工作（也许不是那么明显，但我明白为什么它不工作）：

<td> 
    <div style='height:100%'></div> 
</td>

试图使用绝对定位：

<td style='position:relative'> 
    <div style='position:absolute; top:0px; bottom:0px;'></div> 
</td>

FF中断，因为它不识别td上的定位。在IE9中也神秘地突破。

2013-02-27 TwiNight

不要使用内联样式。 – 2013-02-27 12:58:35

他们在这里是为了演示。不想为CSS发布单独的代码块。 – TwiNight 2013-02-27 12:59:57

@AspiringAqib有帮助不要只指出错误:) – 2013-02-27 13:00:05

为了让百分比值适用于身高，必须确定父母的身高！

这意味着td元素需要有height定义：

<table> 
    <tr> 
     <td style='height:100px'> 
      <div style='height:100%'>hi</div> 
     </td> 
    </tr> 
</table>

2013-02-27 13:06:54 Howie

哎呀！错过了标题中的可变高度部分。编辑 – TwiNight 2013-02-27 13:21:09

回答