11

私は自分のWebページのレイアウトを設計するためにテーブルを使用しています。内容が少ない場合でも、テーブルをページいっぱいに表示したい。これが私が使用しているCSSです：

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

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

そして、私はこのようなものをページコードに配置します：

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

これはOpera9では機能しますが、Firefox2やInternetExplorer 7では機能しません。このソリューションをすべての一般的なブラウザで機能させる簡単な方法はありますか？

（に追加id="container"しtdても役に立ちません。）

4

3 に答える 3

20

これを使用してみてください：

html, body    {
  height: 100%;
}

したがって、テーブルの高さを 100% にするだけでなく、html と body の高さも 100% にする必要があります。これにより、適切に引き伸ばされます。

于 2011-07-05T03:32:35.747 に答える
8

を設定するときは、heightプロパティの代わりにプロパティを使用してください。データが大きくなりすぎると、テーブルは自動的に大きくなります。min-height#container

于 2008-09-18T04:45:23.343 に答える