如何將HTML表格拉伸至瀏覽器窗口高度的100％？

Question

我正在使用表來設計我的網頁佈局。即使它沒有包含太多內容，我也希望表格填充頁面。下面是我使用的CSS：

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

#container { 
    min-height: 100%; 
    width: 100%; 
} 

而且我把這樣的事情在頁面代碼：

<table id="container"> 
<tr> 
<td> 
... 

這適用於Opera 9中，但不適用於Firefox 2或Internet Explorer 7中是有一種簡單的方法可以讓這個解決方案適用於所有流行的瀏覽器？

（添加id="container"到td沒有幫助。）

Answer 1

設置#container時，只需使用而不是min-height屬性height財產。一旦數據變得太大，表格將自動增長。

Answer 2

嘗試使用這樣的：

html, body { 
    height: 100%; 
} 

因此，除了製作表格的高度爲100％，你應該也有確保的html'd和身體的高度也是100％，所以它會正確地舒展。