html - 再一次 : adjusting div to another divs height (dynamically)?

Question

所以这里又是一个关于将 div 高度调整为另一个的问题。我为此找到了很多问题和答案，但似乎无法使其发挥作用。因此，我再次提出这个问题。

问题:我有 2 个 div，它们的高度不同。我想将 div X 的高度调整为最高(其他)div。我希望在没有 javascript 的情况下发生这种情况，因为我希望它与调整浏览器屏幕大小兼容并且我不想一直使用调整大小功能来检测屏幕大小(希望有意义).

所以这是我的代码:http://jsfiddle.net/frLt1vmn/

<style>
#container2 {
margin: 10px auto;
width: 927px;
}
#leftCol2{  float: left;
    width: 195px;
    background: #FCF;
    z-index:-1;
    padding:0;
     margin:0;
    }
#rightCol2{float:right;
width:732px;
background: #CFF;
    z-index:1;
    padding:0;
     margin:0;
}
</style>
<div id="container2">
<div id="rightCol2">
How to adjust the divs automatically to the height of the other.
</div>
<div id="leftCol2">
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
<p>In this example this div is heigher.</p>
</div>
</div>

感谢您的帮助!

编辑由于响应能力，我首先调用 rightCol2 div。看这里:http://jsfiddle.net/azL9uefv/

Answer 1

请参阅我的 Fiddle 以获取解决方案 http://jsfiddle.net/frontDev111/sm6xqqyw/

我对 HTML 和 CSS 做了一些修改。

父容器需要使用display:table，子容器需要使用display:table-cell。

如果您对此有困难，请告诉我。