Расчет / Определение размеров в МЕНЬШЕ

Question

У меня следующая проблема: у меня есть два div, вложенных в другой.

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

Теперь есть ли способ (без JavaScript) динамически расширить # div1 до максимума (380px)?высота: 100% расширит его до 400 пикселей от родителя.Переполненное содержимое в # div1 следует прокручивать.

Я новичок в LESS и надеялся, что это возможно (например, child1.height = # parent.height- # child2.height)?

Answer 1

Если используемый вами less.js не поддерживает оценку JavaScript внутри файлов * .less, перейдите к реализации LESS на стороне сервера.

Answer 2

Я знаю, что вы сказали, что не хотите javascript, но не уверены, имеете ли вы в виду raw JS или даже не хотите встраивать JS в меньшее, если вы не возражаете против встраивания логики, вы можете использовать javascript для заполнения переменных в LESS следующим образом:

@desiredHeight = getElementById("parent").style("height") - getElementById("child2").style("height");
#child1 { height: @desiredHeight; }

Синтаксис может быть неправильным, так как я делаю это на макушке, но что-то подобное должно работать.