为什么position:absolute绝对定位元素不能相对于static定位父容器定位？

这个规则是CSS规范为了兼顾常规文档流稳定性和定位灵活性设计的，核心原因有几个：

• static是所有元素的默认定位属性，代表元素完全遵循常规文档流排布，本身没有任何定位偏移的属性配置。如果允许absolute元素默认以static父元素为参照，相当于所有父元素默认都成为定位上下文，会彻底违背absolute「脱离文档流、不受常规布局约束」的核心定位。
• 给开发者提供主动选择定位参照的权限：你可以按需给需要作为定位参照的父容器显式设置position: relative（这个属性不会改变父元素在常规文档流里的位置，只会把它变成定位上下文），不需要作为参照的父元素保持默认static即可。既可以实现全局绝对定位（比如悬浮回到顶部按钮，不需要给任何父元素加非static定位，元素默认相对于视口定位），也可以实现局部绝对定位（比如卡片右上角的关闭按钮，只给卡片加position: relative，关闭按钮就只会在卡片范围内定位）。
• 降低布局意外概率：如果默认以static父元素为参照，嵌套层级复杂的页面里，绝对定位元素会被限制在最近的父容器范围内，要实现跨父容器的全局定位反而需要额外做属性重置，反而增加开发成本。

举个最常见的实际场景：你要写一个下拉弹窗组件，如果弹窗的父容器有overflow: hidden的裁剪规则，你只需要不给父容器加非static定位，弹窗的absolute定位就会向上找更高层级的定位上下文，甚至相对于视口定位，不会被父容器裁剪。如果规则反过来默认以static父元素为参照，这种需求几乎无法实现。

内容的提问来源于stack exchange，提问作者Sugarpearl