css函数/abs.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <title>CSS abs()函数的使用【仅仅支持edge 15.6版本】</title>
    <style>
        :root {
            --normal-font-size:20px;
        }
        .abs {
            padding: 30px;
            display: inline-block;
            width: 300px;
            height: 300px;
            background-color:aqua;
            color: white;
            font-size: var(--normal-font-size);
            position: relative;
            
        }
        .abs .text {
            margin-top: abs(var(--normal-font-size));
            position: absolute;
        }
    </style>
</head>

<body>
    <div class="abs">
        <span class="text">CSS abs()函数的使用 </span>
    </div>
</body>

</html>