Html 将父div height和其他子div的高度展开为较大子div的高度

我的asp.net页面上有四个div，div7_1（父）、div4_1和div11_1以及div6_1作为子div。情况就是这样：

html

<div id="div7_1">
   <div id="div4_1">                    
   </div>
   <div id="div11_1" runat="server">                    
   </div>
   <div id="div6_1">
   </div>               
</div>

我需要将父div height展开到具有最大高度的子div的高度，并将其他子div展开到该高度。我该怎么做？可能我有一些多余的css行，请纠正我

---

谢谢。

不确定为什么要浮动其中一个div，但仅在上使用

显示：表格单元格

，这两个似乎都达到了您的要求

CSS

#div7{position: relative; 
    overflow: hidden; 
    display: table; 
    min-height: 450px; 
    top: 5px; 
    left: 0px; 
    padding-top: 0px;}
#div4{display:table-cell; 
    width: 245px; 
    background-color: #cc9933; 
    text-align: center;
    height:150px;
}

#div11{
    display: table-cell;
    position: relative;     
    padding-left: 5px; 
    margin-left: 5px; 
    width: 57%; 
    background-color: yellow;
}

---

谢谢Paulie，我可以在JSFIDLE上看到您是对的，但在我的应用程序上它不起作用。我在中间有第三个DIV，这就是差异，这就是我飘这两个球的原因。这个css也适用于所有div，但它不起作用。中间的div将外部的一个扩展到其高度，但左侧和右侧的div仅扩展到相应内容的高度。看见

#div7{position: relative; 
    overflow: hidden; 
    display: table; 
    min-height: 450px; 
    top: 5px; 
    left: 0px; 
    padding-top: 0px;}
#div4{display:table-cell; 
    width: 245px; 
    background-color: #cc9933; 
    text-align: center;
    height:150px;
}

#div11{
    display: table-cell;
    position: relative;     
    padding-left: 5px; 
    margin-left: 5px; 
    width: 57%; 
    background-color: yellow;
}