Relative features of CSS

1. Self-Features:

  For example, the left right top bottom positioning is positioned relative to its position.  when left with right simultaneous existence, lfet takes effect.  when top with bottom simultaneous existence, top takes effect.  no intrusion, preserving the original position without affecting the layout of other elements.  can be used in the "custom Drag" scene.

2. The relationship between relative and absolute

  Restricting the positioning of internal elements limits the level of internal elements   absolut left/right/top/bottom  absolut z-index  absolut can be overflow overrun hidden inside elements

3. The relationship between relative and absolute:

  Limit fixed the level of internal elements only z-index

4. The relationship between relative and Z-index:

  When relative you set an element, you can increase the stacking context  when the hierarchy of z-index auto relative inner elements is not limited absoulte  z-index to numeric values, creating a cascading context that compares two relative The stack value size of the element,  not the comparison of the inner element.

5. Principles of Use:

  Avoid using elative as much as possible, minimize the  control area, and reduce to include only the internal elements to limit

Relative features of CSS