4-5绝对定位脱标

最新推荐文章于 2023-04-11 20:12:02 发布

liu1992452008

最新推荐文章于 2023-04-11 20:12:02 发布

阅读量693

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/75331893

HTML 专栏收录该内容

19 篇文章

订阅专栏

本文通过一个简单的HTML示例介绍了如何使用CSS绝对定位来改变页面元素的位置。示例中，一个文本内容的span标签被赋予了绝对定位属性，并设置了具体的宽度、高度及背景颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*绝对定位：脱标，可以让行内元素设置宽高*/
        
        span {
            position: absolute;
            top: 100px;
            left: 100px;
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <span>阿萨德</span>
</body>

</html>

***相关效果