1

同様の質問に対するいくつかの回答を読んでも、これが可能かどうかはまだわかりません。

clearfix コンテナ内の 2 つのフローティング カラムの状況を考えてみましょう。Column1 のコンテンツは大きくなり、コンテナーの高さを決定できます。Column2 のコンテンツは常に Column1 よりも小さいことが保証されますが、その高さはコンテナーを埋めるために引き伸ばされる必要があります。

Column2 を伸ばすにはどうすればよいでしょうか。

これがjsbinです（Column2は伸びていません）

やりたくないこと

  • JavaScript を使用する
  • 絶対位置
  • テーブル html を使用する

これらの手法で何かを理解することはできますが、これは学術的な演習と考えてください。css が、メモリにコミットして実行できる「正しい」ソリューションを提供するかどうかを調べようとしています。私の疑いでは、答えは、私がまだ完全には理解していない次のテクニックのいずれかにあるのではないかと考えています.

  • テーブル css 表示タイプの使用
  • フレックスボックス全体が間もなく登場します
  • Twitterのブートストラップが行うことは何でも
4

1 に答える 1

1

ご想像のとおり、oldIE をサポートする必要がない限り、テーブル CSSは機能します。

section {
  width: 50%;
  display: table-cell;
  box-sizing: border-box;
  border: solid grey 1px;
}

Flexbox も機能させることができますが、現在ブラウザーに実装されているものと現在のドラフトに記載されているものとの間には大きな違いがあることに注意してください。

私は怒りで Twitter ブートストラップを使用したことがないので、コメントする立場にありません。

于 2012-12-27T16:32:29.217 に答える