Cómo hacer que los div internos flotantes tengan la misma altura que el div más alto
En el siguiente código, me gustaría que el div con 'y' coincida con la altura del div con las 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>
as cosas a tener en cuenta son los divs internos que están flotando.