[解決済み] CSSのcalc()でvhマイナスピクセルを使用することは可能ですか？[重複しています]。

質問

Lessファイルに以下のCSSルールを記述しています。

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

これは全く機能しません。コンテナをウィンドウの高さいっぱいにして、ヘッダーとフッターを固定した高さにしたいのです。

どうすればいいのでしょうか？

どのように解決するのですか？

確かに動きますね。問題は私のlessコンパイラーにありました。にコンパイルされていました。

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

lessファイル内の以下のコードで修正。

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

このリンクのおかげです。 CSS3 calcを使ったよりアグレッシブなコンパイル