title: Why the absolutely placed element moves up when we scroll down the page and fixed positioned element does not?
body: <p>When we give an element a position property of absolute with a vertical and horizontal offset (ex bottom, left) it is positioned relative to the closest parent element that has a position property of relative.</p>
  
  <p>If no parent element has a relative property than the absolutely positioned element is positioned with respect to the browser window. 
  The definition of fixed positioning is quite the same it says, "Fixed positioning is a type of absolute positioning in which the element is positioned with respect to the browser window."</p>
  
  <p>The main question I have is it that why the absolutely positioned element moves up when the page is scrolled down and the fixed positioned element does not when both of them is placed with respect to the browser window. </p>