<div class="container">
  <div class="navbar">navbar</div>
  <div class="content">
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quos, temporibus. Aperiam facilis quasi autem, hic beatae qui quia quaerat voluptate aspernatur, ratione sequi? Nemo ab quod non architecto voluptates magni!</p>
  </div>
</div>
.container{
  max-width: 800px;
  height: 1000px;
  margin: 0 auto;
}

.navbar{
  color: white;
  text-align: center;
  width: 800px;
  height: 35px;
  background: #ff5454;
  position: fixed;
  top:0;
}

.content{
  background: gray;
  color: white;
  padding: 5px;
  margin-top: 35px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.