使可變高度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

回答