position absolute; left 0; right 0; top 0; bottom 0; margin auto; 为什么会定位在左上角

这段 CSS 代码会将元素的位置定位在页面的左上角，并将其水平和垂直方向上的距离都设置为 0。这是因为 position: absolute 属性会将元素从文档流中移除，并相对于其最近的非 static 定位的父元素进行定位。如果没有找到非 static 定位的父元素，则相对于文档的 body 元素进行定位。同时，设置 left: 0; right: 0; top: 0; bottom: 0; 属性可以让元素水平和垂直方向上都铺满父元素的可见区域。最后，设置 margin: auto; 属性可以将元素在水平方向上居中对齐。因此，该元素会被定位在页面的左上角，并且会水平和垂直方向上都居中对齐。