css数学计算calc用法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* calc用来进行数学计算，例如当我们设置内容高度时需要减去导航栏的高度，
            则可以使用calc(100vh - 导航栏高度) */
        .calc {
            height: calc(100vh - 100px);
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <div class="calc">Calc</div>
</body>
</html>

版权声明：本文为lianflower原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。