来呀，看 绝对定位 去~~

绝对定位：position:absolute

一。绝对定位的特点：

           1.开启绝对定位后，如果不设置偏移量元素位置不会发生变化；

           2.开启绝对定位，元素会从文档流中分离；

           3.绝对定位会改变元素的性质，行内变成块，块的宽高有内容撑开；

           4.绝对定位会提升元素的层级；

           5.绝对定位元素是相对于其包含块进行定位的；

  二。 包含块（containing block）

               （1）正常情况下，包含块就是离当前元素最近的祖先块元素。

               （2）绝对定位的包含块：

                                 --离他最近的开启了定位的祖先元素；

                                 --如果所有祖先元素都没有开启定位，则根元素就是它的包含块；

                                 --html（根元素，初始包含块）。

实例：

 

三。固定定位

        固定定位：position:fixed 开启元素的固定定位

         固定定位也是一种特殊的绝对定位，所以大部分的特点与绝对定位一致。

                  --不同的点：固定定位永远参照于浏览器的视口进行定位。

                  固定定位的元素不会随网页的滚动条而滚动。