css – 如何使浮动内部div与最高div相同的高度

在下面的代码中,我想使用’y’的div与div的高度匹配3’x.

<div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;">
<div style="border: 1px solid rgb(129,11,0); margin: 0px; padding: 5px; background-color: rgb(30,23,22); width: 312px; float: left;">
    x<br/>x<br/>x
</div>
<div style="border: 1px solid rgb(129,0); margin: 0px; padding: 5px; width: 312px; background-color: rgb(30,22); float: right;">
    y
</div>

需要注意的是内部div是浮动的.

解决方法

如果你不是对jQuery的一个不利因素,你可以使用 EqualHeight,它应该做你想要的