HTML定位解析

HTMI定位方式：

一、相对定位：

       相对定位的标识符为position:relative;它相对于定位的参照物本身设定相对定位，如果多种元素，它不会脱离当前的层级，其它的元素也不会发生变化。

二、绝对定位：

      绝对定位的标识符为position:absolute;它相对于当前的父级标签作为参照物；

      如果没找到就继续寻找父级的父级，若一直没找到就以body为参照物进行定位，

      如果一共有4级并且都有开启定位效果，只需寻找最近的一个父级作为参照物，不需要继续向上寻找

      它会脱离当前的层级。

三、固定定位：

      固定定位的标识符为position:fixed;固定定位的参照物是以浏览器为参照物，它会脱离当前的层级。

总结：关于定位，我们需要关注2点，1.参照物是谁？2.是否脱离了当前的层级？

相对定位的参照物就是它自己，我们想要移动某个元素中的位置时，应选择这种方式；

绝对定位的参照物是当前的父级标签，若没有，就是浏览器本身，它与相对定位和固定定位相比在实际中的应用要更加广泛.

固定定位的参照物就是浏览器本身，它不会随着滚动条的移动而移动。