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;
 }