Существует способ установить max-height в %, но здесь любой способ установить максимальную высоту DIV, поэтому он будет на 100 пикселей меньше высоты окна только с CSS?
Он не должен быть фиксированным макетом, пользователь должен иметь возможность прокручивать страницу по вертикали, но DIV всегда должен быть изменен до window height - 100px. Возможно ли это, или мне придется использовать JS для этого?
Да:
#specificElement {
height: calc(100vh - 100px);
box-sizing: border-box;
}
Это использует функцию CSS calc(), чтобы вычесть 100px из 100vh (1vh в один процент от высоты порта просмотра) и использует результат как значение свойства height.
box-sizing заставляет браузер включать padding и border s в вычисленный height элемента.
Очевидно, используйте соответствующий селектор для вашего прецедента.
Литература:
#specificElement {
height: calc(100vh - 100%);
min-height: calc(100vh - 100px);
}
установите минимальную высоту так, чтобы ваше двуязычное содержимое не получило эффекта, и укажите высоту в процентах для динамического результата.