css-定位

目录

相对定位

绝对定位

粘滞定位

固定定位

---

相对定位

  布局：文档流，margin，浮动，定位····

  定位：一种高级的布局的方式。你可以将任何的元素，放在页面任意的位置

         position样式名，

         可选值：

           static   默认值，没有开启定位

          开启定位的情况

           relative  相对定位

           absolute   绝对定位

           fixed     固定定位

           sticky    粘滞定位

    开启相对定位后，元素的特点

      1、开启相对定位，如果没有设置偏移量，元素的位置是不发生变化

      2、相对定位的原点是元素原本在文档流中位置

      3、开启相对定位后，元素的等级会提高

      4、开启相对定位， 元素不会脱离文档流，

            元素的性质不会改变，也就是块元素还是块元素，行内元素还是行内元素

  

       偏移量  可正可负

        left   元素相对于定位位置左侧距离

        top    元素相对于定位位置上侧距离

        right  元素相对于定位位置右侧距离