Сделайте DIV max-height равным `высота окна - 100px`

Существует способ установить max-height в %, но здесь любой способ установить максимальную высоту DIV, поэтому он будет на 100 пикселей меньше высоты окна только с CSS?

Он не должен быть фиксированным макетом, пользователь должен иметь возможность прокручивать страницу по вертикали, но DIV всегда должен быть изменен до window height - 100px. Возможно ли это, или мне придется использовать JS для этого?

Ответ 1

Да:

#specificElement {
    height: calc(100vh - 100px);
    box-sizing: border-box;
}

Это использует функцию CSS calc(), чтобы вычесть 100px из 100vh (1vh в один процент от высоты порта просмотра) и использует результат как значение свойства height.

box-sizing заставляет браузер включать padding и border s в вычисленный height элемента.

Очевидно, используйте соответствующий селектор для вашего прецедента.

Литература:

calc().
длины CSS.

Ответ 2

#specificElement { height: calc(100vh - 100%); min-height: calc(100vh - 100px); }

установите минимальную высоту так, чтобы ваше двуязычное содержимое не получило эффекта, и укажите высоту в процентах для динамического результата.