Что бы дочерние элементы можно было растянуть по всей высоте.
html, body { height: 100% }
И функция calc() в ней пишешь всю математику: calc(100% - 150px)
Её можно писать практически где угодно
height: calc(100% - 150px);
width: calc((60% - 340px) / 2);
border: calc(1px + 1px) solid red;
Также для указания порядка действий скобочки(), и между знаками не забывай ставить пробелы.
И конкретно для твоего дива: height: calc(100% - 150px);
|