如何让div扩展到其可变高度的父div的整个高度？

Question

我有一个容器div，其中有一个左div和一个主div。左div需要与主div相同的高度，即使主div比左div的内容高得多。

有什么想法吗？

Answer 1

大多数现代（IE8 +）浏览器支持display:table，因此您可能希望使用此解决方案：

<强> Demo

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