Position:Fixed; test

by laustdeleuran

HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />

<header>
    Header
</header>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, obcaecati, qui, tenetur assumenda commodi est laudantium ut laborum quibusdam vitae totam sed ipsa rerum tempora quia illum suscipit perferendis inventore!
</p><p>
    Lorem ipsum dolor...

CSS

body {
    padding: 50px 20px 20px;
    
    background: lightgray;
}
header {
    padding: 20px;
    
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    
    background: white;
}