css - 同じ高さのdivを並べて

Question

DIVの高さを並べて表示するにはどうすればよいですか？

ブラウザの幅を変更すると、左側のdivが左側よりも高くなったり短くなったりすることがあります。

自動的に左または右のdivが大きくなり、もう一方のdivと同じ高さになるようにします。

表示テーブルの行を設定することがこれに対する最善の解決策ですか？

私が開発したいページの画像を見てください。 http://i.imgur.com/BhvV2.png

---

display = table-row、table、table-cellを使用して問題を解決しました。テーブルとして1つのdivを追加しました。今では完璧です！見てください。

http://jsfiddle.net/tcWCC/47/

Answer 1

これが解決策で、SOにもあります

http://jsfiddle.net/kaAjW/

元の投稿へのリンクは次のとおりです

並べて同じ高さの2つのdivを維持するにはどうすればよいですか？

このテクニックはフェイクコラムと呼ばれ、ここにそれについての記事があります

http://www.alistapart.com/articles/fauxcolumns/

Answer 2

display = table-row、table、table-cellを使用して問題を解決しました。テーブルとして1つのdivを追加しました。今では完璧です！見てください。

http://jsfiddle.net/tcWCC/47/

Answer 3

あなたがやろうとしているのが丸みを帯びた角のある灰色のボックスにコンテンツを配置することである場合、あなたのdivは同じ高さである必要はありません。background-colorとborder-radiusを囲んでいるdivに移動するだけです：http：//jsfiddle.net/tcWCC/41/

Answer 4

htmlテーブルを使わないとそれはできないと思います。