CSS 的 position 属性用于指定元素在文档流中的定位方式，常见的取值有 static、relative、absolute 和 fixed。
static：默认值，元素遵循正常的文档流布局，不受top、right、bottom、left等属性的影响。
position: static;relative：相对定位，元素的位置相对于其在文档流中的原始位置进行偏移。偏移量由top、right、bottom、left属性指定。
position: relative;
top: 10px;
left: 20px;absolute：绝对定位，元素的位置相对于其最近的已定位祖先元素（即position值不为static的元素）进行定位，如果不存在已定位的祖先元素，则相对于初始包含块（通常是<html>元素）。偏移量由top、right、bottom、left属性指定。
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);fixed：固定定位，元素的位置相对于浏览器窗口进行定位，不会随页面滚动而改变。偏移量由top、right、bottom、left属性指定。
position: fixed;
top: 0;
right: 0;这些 position 属性值可以与 z-index 属性结合使用，以确定元素在层叠上下文中的堆叠顺序。
使用不同的 position 属性值可以实现各种各样的页面布局效果，如定位导航菜单、悬浮提示框、模态框等。
评论