为什么身高:calc(100% - 100px)不起作用

Question

JsFiddle 我试图将测试div的高度设置为calc(100%-100px).为什么它不起作用.

.test {
  height: calc(100%-100px);
 }

Answer 1

操作符+和-前后需要空格.尝试calc(100% - 100px).使用*运算符,您不需要前面的空格.calc(100%(1/15))

Answer 2

您可以使用100vh代替100％。vh =视口高度的1％。

.test {
  height: calc(100vh - 100px);
}

Answer 3

为什么有多种heightcss 样式#wrap？

尝试起飞height: auto !important;