css绝对定位

最新推荐文章于 2024-08-27 13:31:19 发布

只想躺平的小勺子

最新推荐文章于 2024-08-27 13:31:19 发布

阅读量427

点赞数

分类专栏：前端文章标签： c++ 面试 java

本文链接：https://blog.csdn.net/m0_47354330/article/details/123313704

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

请将html模块类为"btn"的div元素中心定位在类为"wrap"的父级div元素右上顶点处。

<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            .wrap {
                width: 100px;
                height: 100px;
                border: solid 1px black;
                /*补全代码*/
                 position: relative;
                
            }
            .btn {
                width: 20px;
                height: 20px;
                text-align: center;
                background-color: red;
                /*补全代码*/
                position: absolute;
                right: -10px;
                top: -10px;
                
            }
        </style>
    </head>
    <body>
        <div class='wrap'>
            <div class='btn'>X</div>
        </div>
    </body>
</html>