
        Fixed position stays **relative to viewport**.
        
        ## Example
        ```css
        .navbar {
          position: fixed;
          top: 0;
          width: 100%;
        }
        ```
        
        ## UI imagination
        Navbar always visible at top.
        
        ## Real-world example
        - Sticky headers
        - Chat buttons
        - Cookie banners
        
        ## Warning
        Always add padding-top to body if header is fixed.
        

Understand fixed positioning for elements that stay on screen while scrolling.

CSS Fixed Position

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Fixed Position

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add