CSS 定位通过 position 属性确定元素参与正常文档流及相对包含块定位的方式。
常见定位方式
relative 保留正常流中的空间;absolute 脱离正常流,并相对包含块定位;fixed 通常相对视口,但 transform 等祖先条件可能改变包含块;sticky 在正常流与吸附位置之间表现出粘性定位,通常需要指定 top 等偏移。
sticky 失效时,检查实际滚动祖先、overflow、偏移量,以及父容器是否有足够滚动空间。
参考:position 官方参考。
CSS 定位通过 position 属性确定元素参与正常文档流及相对包含块定位的方式。
relative 保留正常流中的空间;absolute 脱离正常流,并相对包含块定位;fixed 通常相对视口,但 transform 等祖先条件可能改变包含块;sticky 在正常流与吸附位置之间表现出粘性定位,通常需要指定 top 等偏移。
sticky 失效时,检查实际滚动祖先、overflow、偏移量,以及父容器是否有足够滚动空间。
参考:position 官方参考。