css定位

   

相对定位

            相对自身定位

            通常配合绝对定位使用

<style> 

        .box{

            position: relative;

        }

    </style>

绝对定位

                1.相对浏览器窗口定位

                2.父级有定位属性时，相对父级盒子定位

                3.逐级往上找，相对碰到的第一个有定位属性的父盒子定位，

                  如果没有，就相对浏览器定位

    <style>
        .div1{
           
            position: relative;
            top: 0;
            left: 0;
            }
</style>

 固定定位

                相对浏览器窗口定位，不随页面滚动改变位置         

        .box2{
            position: fixed;
            right: 40px;
            bottom: 40px;
        }

 粘性定位

                偏移量同相对定位

                页面滚动时，滚动到顶部，直接吸顶

        .box2{
            position: sticky;
            top: 100px;
            left: 0;
        }