title: How to control `div` overlapping in html
body: <p>I am creating a webpage, And I have two <code>div</code>s, A and B for instance.
  A's position is <code>fixed</code> and it's on top of the page, but B's position is <code>absolute</code> and is somewhere in the middle of the page. When they Overlap, B comes on top of A, But I want this to be the other way around. I want A to come on top of anything, but I don't know how to do that.</p>
  
  <p>Please note that changing their positioning is not an option.</p>
  
  <p>Thank You in advance. :)</p>