html-定位的应用

定位一种固定元素位置的方式，是一种布局手段。将元素摆在你想摆放的位置。

利用position来设置定位。

position static 不开启定位

position relative 相对定位

pisition absolute 绝对定位

position fix  固定定位

position sticky 粘滞定位  

相对定位的特点

      1、如果不设置偏移量，元素的位置是不发生任何变化

      2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；top：0）

      3、设置相对定位后，元素的性质是不发生变化

      4、设置相对定位后，元素的层级会提高

     

      绝对定位后的特点

        1、设置绝对定位后，元素会脱离文档流

        2、设置绝对定位后，元素的性质就会发生变化，就不会再区分块还是行内了

        3、设置绝对定位后，如果不设置偏移量，元素的位置也不会发生变化

        4、绝对定位，它的原点是相对于其包含块来定位的

        5、设置绝对定位后，元素的层级也会提高

      1、默认情况（没有定位的情况下），包含块就是元素的祖先元素

      2、如果是定位的情况下，包含块就是元素的开启了定位的，离它最近的祖先元素

         如果祖先元素都没有开启定位，则包含块就是根标签（html）。

区别两者的方法：观察元素性质是否发生变化·。