¿Cómo cambiar la altura de un div en función de otro div usando css?

Question

Jan 10, 2013, 01:07 PM

¿Cómo cambiar la altura de un div en función de otro div usando css?

aqui esta mi codigo

HTML:

<div class="div1">
  <div class="div2">
    Div2 starts <br /><br /><br /><br /><br /><br /><br /> Div2 ends
  </div>
  <div class="div3">
    Div3
  </div>
</div>

CSS:

.div1 {
  width: 300px;
  height: auto;
  background-color: grey;
  border: 1px solid;
  overflow: auto;
}

.div2 {
  width: 150px;
  height: auto;
  background-color: #F4A460;
  float: left;
}

.div3 {
  width: 150px;
  height: auto;
  background-color: #FFFFE0;
  float: right;
}

Quiero aumentar dinámicamente la altura de div3.

por ejemplo, si la altura de div1 es 500px, entonces la altura de div3 debería ser 500px. Sé que puedo usar heredar, pero la altura de div1 es automática, por lo que no sirve de nada. aquí está mi violínhttp://jsfiddle.net/prashusuri/E4Zgj/1/ ¿como hacer esto?

Gracias