表セルのコンテナが親セルの高さ全体を占めるようにしてください。

Question

ユースケースにいくつかの問題があったため、Flexbox を使用せずにコンテンツを垂直方向に整列させようとしました。そのため、垂直方向に整列されたテーブルでそれを実現しようとしましたが、問題は、内部のコンテンツが残りの高さを埋めていないことです。 、これを何らかの方法でCSSに渡すことは可能ですか？

https://jsfiddle.net/s38haqm5/25/

ああああ

Answer 1

親の高さを定義する必要があります。 .cell には高さが設定されていないため、.container には 100% を計算するための値がありません。 .cell {height: 30px;} のように、.cell に高さを追加するだけです (.cella で行ったのと同じです。)

.cella と .cell は同じなので、このようなアドバイスが必要かと思います。 セルを同じにしたいが、そのうちの 1 つを異なるスタイルにする必要がある場合は、すべてのセルに同じクラスを追加してから、異なる必要があるセルに ID を追加して、必要に応じて ID のスタイルを設定します。クラスと ID を持つセルには、クラスと ID

の組み合わせである CSS 値が含まれることに注意してください。