Подтвердить что ты не робот

Можно ли использовать vh минус пиксели в CSS calc()?

У меня есть следующее правило CSS в файле Less:

.container {
  min-height: calc(100vh - 150px);
}

Который не работает вообще. Я хочу сделать контейнер полной высоты окна и минус заголовок, фиксированная высота нижнего колонтитула.

Как я могу это сделать?

4b9b3361

Ответ 1

Это действительно работает. Проблема была с моим меньшим компилятором. Он был скомпилирован в:

.container {
  min-height: calc(-51vh);
}

Исправлено следующим кодом в меньшем файле:

.container {
  min-height: calc(~"100vh - 150px");
}

Благодаря этой ссылке: Менее агрессивные компиляции с CSS3 calc