Edit in JSFiddle

<div class="box blue"></div>
<div class="box red"></div>
<div class="box green">Fixed</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer maximus mollis justo, vulputate laoreet nisi dapibus vel. Suspendisse et purus aliquam nisi semper imperdiet a tempor urna. Vivamus blandit ultricies rutrum. Nunc eget feugiat odio, eu interdum nulla. Mauris imperdiet malesuada turpis, ultricies laoreet dui vestibulum eget. Cras rutrum mattis turpis et dignissim. Curabitur pulvinar, ex vel ultricies scelerisque, diam mi porta ligula, sed convallis libero urna sed nibh. Donec libero mi, rhoncus eget congue eu, cursus a tortor. Duis eget imperdiet nibh. Vestibulum quis pellentesque quam. Etiam vulputate libero non tellus sollicitudin, non tincidunt ante bibendum. Nunc suscipit quam eu enim mattis finibus.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent efficitur interdum tempus. Donec vel auctor arcu, quis scelerisque purus. Maecenas quis ipsum ac nunc dictum viverra. Donec laoreet ligula at vestibulum fringilla. Vestibulum a massa quis felis feugiat aliquam. Vivamus eleifend dictum mauris, in malesuada orci fringilla quis. Fusce sit amet fermentum lectus. Aliquam fermentum id purus quis tempus. Quisque id tincidunt mauris. Etiam nunc enim, luctus nec laoreet sed, lacinia et felis. Phasellus euismod interdum ligula vel congue. Phasellus non eros elit. Duis auctor arcu eu enim pretium cursus.

Cras et lorem eu diam blandit ullamcorper. Sed mattis sem vel dolor sodales, non posuere enim pharetra. Nam egestas consectetur feugiat. Nulla ac fringilla lectus. Aliquam erat volutpat. Duis sit amet tortor mollis ante condimentum finibus. Phasellus vehicula quam ac ex convallis luctus.
</p>

.box{ 
    height: 60px; 
    width:60px;
    margin: 5px 0;
 }
 
 .blue{
   border: 1px solid blue;
}
.green{
   border: 1px solid green;
   position:fixed;
   top:20px;
   left:300px;
}
.red {
   border: 1px solid red;
   width:200px;
}