表单水平居中可通过五种CSS方法实现：一、margin:0auto配固定宽度；二、Flexbox的justify-content:center；三、text-align:center配display:inline-block；四、绝对定位加transform:translateX(-50%)；五、Grid的place-...

相对定位不触发重排但创建层叠上下文；绝对定位脱离文档流，祖先变化会触发重排，推荐用transform替代top/left实现动画与居中。

移动端弹窗用absolute居中失败主因是父容器未设relative定位、视口单位异常或滚动缩放干扰；可靠方案为absolute+top/left50%+transform:translate(-50%,-50%)，并确保父容器为relative或改用fixed定位。

相对定位元素视觉偏移但保留文档流占位，兄弟元素不填补空隙；绝对定位以最近非static祖先为参考，无则相对于html，需父级设relative提供定位上下文。

推荐使用相对定位配合transform动画，因其不触发重排、支持硬件加速且不影响文档流；绝对定位适合精确定位的层叠元素；固定定位适用于视口绑定动效；性能上transform最优，top/left次之，margin最差。

sticky定位是relative与fixed的结合体：初始如relative在文档流中，滚动至临界点（如top:0）时“粘住”视口，父容器移出视口后恢复relative；需设top/bottom/left/right、祖先无overflow:hidden/auto、非table布局且父容器有高度。