relative定位为何上下无法居中？

当position为relative时，元素相对于自身定位，以自身为参考中心。因此，left和right属性可以相对于自身左右居中，而top和bottom属性无法相对于自身上下居中。

相反，当position为absolute或fixed时，元素相对于其父元素定位。如果父元素没有设置position属性，那么父元素默认为body，而body是相对于窗口左上角定位的。这就意味着，left、right、top、bottom属性指的是相对于body的距离，因此可以上下左右居中。