title: how to use both fixed and relative position property in same page using css?
body: <p>I am using 3 divisions (Div) in a page, The first div is fixed on top of the page. </p>
  
  <p>The second and third div are placed one by one order below the first div. </p>
  
  <p>The problem is when i am using fixed position in first div mean the second div is comes automatically above the first div, i need second div to placed at bottom of first div. </p>
  
  <p>And when i am scrolling the page the first should be in same place(top of page) and other two div's should scroll up behind first one.</p>
  
  <p>here below the my current code.</p>
  
  <pre><code>&lt;div id="first" style="position: fixed; height: 100px; width:100%;"&gt;asdfgh&lt;/div&gt;
  &lt;div id="second" style="position: relative; height: 500px; width:100%;"&gt;zxcvbn&lt;/div&gt;
  &lt;div id="third" style="position: relative; height: 200px; width:100%;"&gt;qwerty&lt;/div&gt;
  </code></pre>