title: Relative position issue
body: <p>An element with <code>position: relative;</code> is positioned relative to its normal position.</p>
  
  <p>Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.</p>
  
  <p>Here is the source: <a href="http://www.w3schools.com/css/css_positioning.asp" rel="nofollow">CSS Positioning</a></p>
  
  <p>Now,how can I make relative position to work as viewport and adjust accordingly by setting height,width etc like fixed position.
  It is possible in css or not?
  If not then how can I do?</p>
  
  <p>Check this <a href="https://jsfiddle.net/bLLx6yLa/" rel="nofollow">Fiddle</a></p>