Как динамически изменить высоту 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/ как это сделать?
Спасибо