If your CSS positioning has ever turned into a tiny crime scene, this article is a solid reset.
It walks through the usual position weirdness without making it feel like a lecture.
1 Like
“CSS positioning crime scene” is painfully accurate lol. position: fixed is “glued to the viewport”… right up until some parent has transform/filter/perspective and your fixed thing starts acting like it’s trapped in that container instead.
I hit this doing an in-game web UI mock where I had a tiny translateZ(0) on the wrapper for smoothness, and my “fixed” HUD button started scrolling like it was haunted. Moving the fixed element outside the transformed wrapper (or killing the transform) fixed it instantly.
