2-2·100 css定位之静态定位

 

  

<!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>CSS Position(定位)</title>
    <style>
        div.static {
            position: static;
            border: 3px solid red;
        }
    </style>
</head>

<body>
    <h1>static 静态定位</h1>
    <h2>position: static;</h2>

    <p>使用 position: static; 定位的元素，无特殊定位，遵循正常的文档流对象:</p>
    <div class="static">
        该元素使用了静态定位 position: static;
    </div>

</body>

</html>

效果

     

 

posted @ 2022-02-08 11:37  优敏行  阅读(40)  评论(0)    收藏  举报