我在CSS3中使用calc()功能。我有一个123px高的标头。因此，对于我的课程，我要放置：
.overlay { height: calc(100% - 123px) }
这一直被评估为
-23px。有什么想法吗？有没有更好的方法来表示呢？
最佳答案
好吧，我的猜测是您的父母身高不是100％。
例如，html, body { height: 100%; }以及可能是“覆盖层”父项的其他子项（如果有）。
我不确定，也不确定我是否有负值经验，只是一个猜测。
除此之外，我不明白为什么它会返回负值。
这是html和body作为该.overlay的父母的示例。
Example 1
这是html，body和.another-parent是该.overlay的父母的示例。
Example 2
请记住，在两个示例中我都是在position: relative上使用.overlay作为假设。尽管叠加层最有可能是absolute或fixed-因此它们将不取决于父级的高度。
关于css - CSS3 Calc()返回负值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32191302/