max-height上使用calc

Question

<div id="root"></div>

<style>
    #root{
        height: 100px;
        max-height: calc(100vh-80px);
        width: 100px;
        background: lightblue;
    }
</style>

为什么max-height无效？

Answer 1

减号两边需要空格的

max-height: calc(100vh - 80px);