テーブルを使用してレイアウトを作成するフォームを作成しています。表のすべてのセルの内容が上に揃えられます。私はここでそれの美しい絵を作成しました：
|--------------|----|
| 1 | |
|--------------| 3 |
| | |
| 2 | |
|--------------|----|
通常、セル 1 と 2 にはより多くのコンテンツが含まれているため、通常、これらによってテーブル全体の高さが決まります。ただし、セル 3 のコンテンツの方が多い場合があります。そのため、セル 1 と 2 よりも多くの高さが必要になるため、他のセルが引き伸ばされます。つまり、セル 1 の下部に大きな空き領域ができます。
したがって、セル 1 には常に最小の重みを持たせたいので、セル 3 がテーブルを引き伸ばすと、余分なスペースがセル 3 の下部に配置されます。これを実現するために、css でセル 1 に 1px の高さを与えました。次に、常に 1px の高さを維持しようとします。つまり、常に最小の高さになります。
これは悪い習慣ですか？すべてのブラウザで動作しますか?
編集: セル 3 には 1 ピクセルの左の境界線があり、常にページの一番下までたどりたいと思っています。これが、div を使用しない理由です。