css高度80％不工作

我想讓我的桌子佔用屏幕的80％，但現在它只是表格中內容的大小。css高度80％不工作

#ecom-mainarea .center 
{ 
margin-left: 10%; 
position: relative; 
width: 80%; 
height: 80%; /* when this is 500px it works fine, but % doesn't work */ 
border: 1px solid; 
border-bottom-color: teal; 
border-top-color: gray; 
border-left-color: gray; 
border-right-color: teal; 
background-color: white; 
voice-family: "\"}\""; 
voice-family: inherit; 
vertical-align: text-top; 
}

來源

2011-07-16 0x4f3759df

您需要確保html和body元素的高度爲100%。他們需要從頂部延伸到底部。如果不是html和body元素將會和你的表一樣高。

在這裏，你有一個工作的樣本：

<!doctype html> 
<html> 
<head> 
    <title>Table height</title> 
    <style> 
     html, body 
     { 
      padding: 0; 
      margin: 0; 
      height: 100%; 
     } 
    </style> 
</head> 
<body> 
    <table style="background: cyan; height: 80%;"> 
     <tr> 
      <td> 
       Table has 80% of the height of the body 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

來源

2011-07-16 17:14:23 knut