¿Cómo flotar un elemento dejado con la altura completa de la envoltura?
HTML:
<div class="wrapper">
<div class="left">
Foo
</div>
<div class="right">
Text row 1
</div>
</div>
<div class="wrapper">
<div class="left">
Foo Bar
</div>
<div class="right">
Text row 1<br>
Text row 2<br>
Text row 3
</div>
</div>
CSS:
.wrapper {
overflow:hidden;
}
.left {
width:80px;
float:left;
height:100%;
}
¿Cómo puedo darle a la división flotante la altura completa de la envoltura (cuya altura varía)?
¿Es posible sin jQuery?
Prueba:http://jsfiddle.net/Q6B43/