css - 高さが可変の親 div の高さいっぱいまで div を拡張するにはどうすればよいですか?

Question

コンテナ div があり、その中に左 div とメイン div があります。メインの div が左の div のコンテンツよりもはるかに高い場合でも、左の div はメインの div と同じ高さである必要があります。

何か案は？

Answer 1

最新の (IE8+) ブラウザーのほとんどがサポートdisplay:tableしているため、次のソリューションを使用することをお勧めします。

デモ

.div1 {
  /* ... */
  display:table;        /* display table on parent*/
}
.div2, {
    /* ... */
    width:50%; 
    display:table-cell; /* display table-cell on children*/
}
.div3 {
    /* ... */
    width:50%; 
    display:table-cell;
 }