html - 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%;
}

他の人が言ったように、 a には - 属性tableがありませんが、heightほとんどのブラウザはとにかくそれを解釈します。jsfiddle で結果を確認できます。

これを行う必要がある理由は、% で高さを持つ必要があるものの親要素にも高さが必要だからです (Shadow Wizard が言ったように:「正確には何の 30%?」-親には高さが必要です)。

Answer 2

タグに属性が含まれtableていません。heightCSS スタイルを使用してテーブルの高さを設定してみてください。

table{
   height: 30%;
}

Answer 3

私はちょうど同じ問題を抱えていました。コンテナー ( div config-table) 内にテーブルがありますが、設定だけでheightはうまくいきませんでした。私は設定しなければなりませんでしたoverflow: auto（私の場合autoは必要だったので）そして今は働きます

.config-table {
   height: 350px;
   overflow: auto;
}