css基础14

最新推荐文章于 2024-05-21 23:20:00 发布

止语c

最新推荐文章于 2024-05-21 23:20:00 发布

阅读量63

点赞数

分类专栏： HTML和CSS学习之路文章标签： css

本文链接：https://blog.csdn.net/weixin_53333752/article/details/128410860

版权

HTML和CSS学习之路专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!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>Document</title>
</head>
<body>
    <!-- 
    定位position
        定位是一种更高级的布局手段，通过定位可以是元素摆放在任何位置
        position可选值：
            static默认值，元素是静止的，没有开启定位
            relative开启元素的相对定位
            absolutely开启元素的绝对定位
            fixed开启元素的固定定位
            sticky开启元素的粘滞定位
    相对定位的特点
        相对定位会提高元素的层级
        不会使元素脱离文档流
            不设置偏移量元素不会发生任何变化
    
    绝对定位absolutely的特点
        元素的位置不会发生变化
        元素会从文档流中脱离
        绝对定位是相对于包含块定位
    绝对定位的包含块是距离当前元素最近的开启了定位祖先块元素
    如果所有的祖先元素都没有开启定位则根元素HTML就是包含块

    偏移量（offset）
        由top,right,buttom,left控制
    
     -->
     <!-- 固定定位 -->
</body>
</html>