0

行のテーブルを作成しようとしています。それぞれのブロック要素にはいくつかのコンテンツがあり (この例では簡単にするために DIV を使用しています)、その要素を TD セルの高さいっぱいまで伸ばしたいと考えています。この例では、右側の「テスト」テキストには、含まれている灰色の DIV が含まれている TD セルの高さ全体を埋める必要があります。

http://www.game-point.net/misc/browserTests/scratchpads/fullTableCellHeight/

何かの高さを明示的に設定したくありません (パーセンテージを除いて) -height:100%子 DIV を設定しても、その高さは変わりません。これを行う方法はありますか？表セルのレンダリングされた高さを明らかに知っているブラウザーが、Javascript を使用せずに子要素のサイズを設定してそれを埋める方法をまったく提供しないというのは、ばかげているように思えます。

注: これに似た質問が他にもあることは承知していますが、それらは CSS3 の新しいフレックスボックス機能を考慮していないようです。おそらく、この問題を解決できるでしょうか?

4

2 に答える 2

1

親要素を相対位置に設定し、子要素をブロックを表示するように設定すると、高さがいっぱいになるはずです。リンク テキストを取得してボタン コンテナー全体を埋めようとするときに、この手法をよく使用します。うまくいけば、それはあなたがやろうとしていることに変換されますが、表示するコードがないため、実際のシナリオを使用するときの簡単な例を示します。

<div style="position:relative; width: 50px; height: 50px;">
    <a href="" style="display: block; width: 100%; height: 100%;">some link</a>
</div>
于 2012-11-26T19:29:32.000 に答える
0

Boris Zbarsky 自身から、セルの高さが明示的に指定されていない限り、テーブル セルの子要素でセルの高さ全体を埋めることは完全に不可能であると言われています。ブラウザー メーカーは、そうしたければおそらくこれを機能させることができますが、気にすることはできません。

于 2012-11-27T10:06:20.230 に答える