Показать сообщение отдельно
  #9 (permalink)  
Старый 04.12.2015, 07:09
Кандидат Javascript-наук
Отправить личное сообщение для dpts Посмотреть профиль Найти все сообщения от dpts
 
Регистрация: 12.05.2015
Сообщений: 111

Сообщение от Алексей Петрович Посмотреть сообщение
Что бы дочерние элементы можно было растянуть по всей высоте.
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);
Опробовано, - не работает. Чистым CSS не работает. надо чтобы в стиле div-а было прописано конкретное значение в пикселях, видимо calc(100%-150) не возвращает значение вида 800px.
По этому и спросил про то, как это сделать js-ом.
Ответить с цитированием