を働いていない私は私のテーブルには、画面の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;
}
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>
私が思い出したように、％はCSSの高さではサポートされていません。他の方法に頼らざるを得ない。あなたはあなたがハッキングのビットを使用することができます
は限り正常に動作します。それは位置決めを使用します。参照：http://jsfiddle.net/minitech/2vRrZ/
（また、あなたがこれまでに複数行の垂直方向のセンタリングが必要な場合 - それはどのように行うのです私の発明として、私の知る限り。）
に設計提案として、あなたが本当にとしてそれを持っている場合を除き、パーセンテージ私はテーブルの固定サイズをお勧めしますので、レイアウトは解像度に関係なくすべてのコンピュータで同じに見えます。
が固定されています。私は彼らがそのような論争であったことに気づいていなかった、分かち合ってくれてありがとう。 – rajh2504
奇妙な：ここで
あなたは作業のサンプルを持っています。幅が効いているようです。他の方法の提案？ – 0x4f3759df
サポートされています。 http://www.w3.org/TR/CSS21/visudet.html#the-height-property –
私は明確にする必要があります - 私はブラウザの高さでは動作しないと思っていますが、そのコンテナに対して相対的に動作するはずです。 –