Можно ли использовать VH минус пиксели в CSS calc ()? [дубликат]


этот вопрос уже есть ответ здесь:

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

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

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

1 73

1 ответ:

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

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

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

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

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