在HTML中設置表格的高度不起作用

Question

爲什麼此表格高度不起作用？

<table border=1 bgcolor="green" width=80% height="30%"> 
    <tr> 
     <td rowspan="2" > 
      This is 1st row 1st column 
     </td> 
     <td > 
      2 
     </td> 
    </tr> 
</table> 

http://jsfiddle.net/zQNS4/

Answer 1

只需添加以下到你的CSS：

html, body{ 
    height: 100%; 
} 

至於對方說，一個table沒有height -attriute，但大多數瀏覽器intrepet說反正。你可以看到the result on jsfiddle。

你需要這樣做的原因是任何應該有％高度的元素的父元素也必須有一個高度（如Shadow Wizard所說的：「完全是30％的東西？」 - 父母必須有一個高度）。

Answer 2

的table標籤不包含height屬性。嘗試使用CSS樣式設置表格的高度。

table{ 
    height: 30%; 
}