CSS relative

relative是CSS中的一个定位属性，它可以让元素相对于其原始位置进行定位。相对定位不会使元素脱离文档流，但会改变元素的呈现位置。通过设置top、bottom、left、right属性，可以调整相对定位元素的位置。

相对定位相对于元素自身的位置进行定位，而不是相对于其他元素。当使用相对定位时，元素仍会在原来的位置占据空间。相对定位可以用于拖拽等场景。相对定位可以与其他定位属性结合使用，如left/right和top/bottom，但是left和top属性的优先级更高。

相对定位还可以提高层叠上下文的顺序。当两个元素重叠时，一般情况下，后面出现的元素会覆盖前面的元素。但是通过设置相对定位的元素的z-index属性，可以改变元素的层叠次序，使被覆盖的元素显示在前面。

为了最小化relative的使用，当需要将元素定位在容器的右上角时，可以使用一个额外的空div作为最小的父容器，并对该父容器设置position:relative。