css position absolute

<html>
    <style>
        *{
            border: 0;
            margin: 0;
        }
    </style>
    <header></header>
    <body >
        <div style="background-color: yellow;width:100%;height:90px;">
        </div>
        <div style="background-color: red;width:100%;height:90px;position:static;">
            <div style="position: absolute;width:20px;height: 20px;background-color:black;left:10px;top:10px;"></div>
        </div>
    </body>    
</html>


生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。


生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

猜你喜欢

转载自blog.csdn.net/bestmover/article/details/79731544