Как динамически изменить высоту div на основе другого div с помощью css?

вот мой код

HTML:


  
    Div2 starts <br><br><br><br><br><br><br> Div2 ends
  
  
    Div3
  
 

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;
}

я хочу динамически увеличить высоту div3.

например, если высота div1 равна 500px, тогда высота div3 должна быть 500px. Я знаю, что могу использовать наследовать, но дело в том, что высота div1 автоматически, так что это не поможет. вот моя скрипкаhttp://jsfiddle.net/prashusuri/E4Zgj/1/ как это сделать?

Спасибо

Ответы на вопрос(7)

Ваш ответ на вопрос