css关于相对定位与绝对定位

    1.通常若是咱们不给元素设置position，则默认为static，此时是该元素是没有定位的，像left/right这些偏移属性都是没有效果的。

    

    2.position:relative （相对定位）

    若设置为相对定位，便可配置left/right这些偏移，相对于该元素原有位置进行偏移，而且，原有位置任占据着文档流的空间，偏移并不会挤开别的元素，因此若是发生重叠，能够经过z-index设置堆叠顺序。

    3.position:absolute（绝对定位）

    当一个元素设置为绝对定位的时候，在文档流中是不占据空间的，会上浮。与相对定位不一样的是绝对定位会删除文档流中原有位置的空间，定位则是经过不为static的父元素来定位（若父元素为static，则则找父元素的父元素，往上级找）。