CSS 定位

css/positioning2026-10-16 11:57:28

CSS 定位通过 position 属性确定元素参与正常文档流及相对包含块定位的方式。

常见定位方式

relative 保留正常流中的空间;absolute 脱离正常流,并相对包含块定位;fixed 通常相对视口,但 transform 等祖先条件可能改变包含块;sticky 在正常流与吸附位置之间表现出粘性定位,通常需要指定 top 等偏移。

sticky 失效时,检查实际滚动祖先、overflow、偏移量,以及父容器是否有足够滚动空间。

参考:position 官方参考。

本页目录