静态定位是html元素默认的定位方式，遵循文档流自然排列，忽略top/bottom/left/right和z-index；适用于正文段落、无障碍内容及flex/grid子项，误用表现为对static元素设置偏移属性无效。
静态定位是默认定位方式，不需要显式写 position: static
HTML 元素默认就是静态定位，它完全遵循文档流：从上到下、从左到右自然排列，不响应 top、bottom、left、right 和 z-index。哪怕你手动写了 position: static，效果也和没写一样——这些偏移属性会被浏览器直接忽略。
什么时候该用静态定位（或者说：不该动它）
绝大多数普通内容块都该保持静态定位，这是最稳定、最可预测的布局基础。以下场景明确适合“不动”或“显式还原”为 static：
- 正文段落、标题、列表项等语义化内容容器
- 需要被屏幕阅读器正确顺序读取的无障碍内容
- 参与 Flex 或 Grid 布局的子项（此时父容器控制位置，子项保持
static更安全） - 想撤销之前设置的
relative/absolute定位，恢复自然流时，设为position: static
误用静态定位的典型错误现象
开发者常因调试混乱而“强行加 static”，结果发现样式没变化，误以为写错了。其实问题往往出在：
- 给
static元素写了top: 20px—— 这条规则完全无效，但不会报错，容易让人困惑 - 父元素用了
position: relative，子元素却设成static，然后期待它相对于父元素偏移 —— 实际它只按文档流走 - 用 JavaScript 动态切换定位方式后，忘记重置
top/left等值，导致切回static后仍残留无效声明，影响后续样式继承
图像位置确定：静态定位下靠什么控制？
<img alt="HTML5图像位置怎么确定静态定位适合啥场景_静态定位适用情况说明【说明】" > 标签本身是内联级元素，在静态定位下，它的位置由三方面决定：
