I have the following problem:
I have two divs, nested in another one.

```
<div id="parent" style="height: 100%;">
    <div id="child1">bla</div>
    <div id="child2" style="height: 20px;">bla</div>
</div>

```

Now is there a way (without javascript) to expand #div1 dynamically to the maximum (380px)? height: 100% would expand it to the 400px of the parent. Overflowed content in #div1 should be scrolled.

I'm new to LESS and hoped that it might be possible with that (e.g. child1.height=#parent.height-#child2.height)?