Como fazer divs internos flutuantes com a mesma altura da div mais alta
No código a seguir, eu gostaria que a div com 'y' correspondesse à altura da div com os 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, 11, 0); margin: 0px; padding: 5px; width: 312px; background-color: rgb(30, 23, 22); float: right;">
y
</div>
s coisas a serem observadas são as divs internas que estão flutuand