千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

    定位：

        让元素去到具体的某一个位置

        属性：position

        取值：

            1、static（默认值）

                静态定位，元素该怎么显示就怎么显示，即使配合位移属性元素位置也不会发生改变

            2、relative、

                相对定位，参照物是自己原来的位置

            3、 absolute

                绝对定位：

                    1、父子关系中，父元素没有定位，子元素绝对定位，参照物是浏览器窗口第一屏幕

                    2、父子关系中，父元素有定位（通常是相对定位），子元素绝对定位，参照物是离自己最近的定位的父元素

        <!-- !注意：绝对定位子元素查找参照物过程:一层一层向上找有定位的父层元素（不是静态定位）

 -->       4、fixed

                固定定位：参照物是浏览器窗口

                应用场景：返回顶部、广告栏（固定在窗口某个位置的广告）、楼梯层效果

            5、sticky

                粘性定位，参照物是离自己最近的有滚动条的容器

                应用场景：用来实现吸顶效果

    位移属性：

         top/right/bottom/left

        <!-- 注意：位移属性取正值，元素向中心方向移动，取负值，向元素四周发散方向移动 -->

        通常一个方向只取一个值使用

    定位的影响：

            1、相对定位中的影响

                    兄弟关系中，多元素同时相对定位，后面定位元素会覆盖前面定位元素，想要调整层级关系，需要使用层级

                属性：

                    层级属性：z-index:数值(默认值auto等同于0）

                    取值越大，层级越上（可取正值和负值）

                    <!-- 注意：该属性只能应用在定位元素上面 -->

            2、绝对（固定）定位中的影响

                    1、元素添加绝对/固定定位，会脱离文档流，元素在叶脉那种不占位置，后面不定位元素会自动补位

                    2、多元素同时绝对/固定定位，后面定位元素会覆盖前面定位元素，想要调整层级关系，需要使用层级属性