added different position

Author: khan4019

css.html

@@ -175,8 +175,14 @@ <h2>5. box model</h2>
   <p>ref: <a href="http://www.w3.org/TR/CSS21/box.html">W3: box model</a>, <a href="http://css-tricks.com/the-css-box-model/">css box model</a></p>
 </div>
 <div id="scopped">
-  <h2>6. rem</h2>
-   
+  <h2>6. position</h2>
+  <p><strong>Question:</strong> How absolute, relative, fixed and static position differ?</p>
+  <p><strong>Answer:</strong> </p>
+  <p>absolute, place an element exactly where you want to place it. position is relative to parent. if no parent available then relatively place to the page itself.</p>
+  <p>relative, is position an element relative to itself. for example, if u set postion relative to an elment and set top:10px, it will move 10px down from where it would be normally.</p>
+  <p>fixed, element is positioned relative to viewport or the browser window itself. viewport doesnt changed if u scroll and hence fixed element will stay right in the same position</p>
+  <p>static, element will be positioned based on the normal flow of the document. usually, u will use position static to remove other position mibht be applied to an element.</p>
+  <p>ref: <a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">css positioning in ten steps</a>, <a href="http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/">css position</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN: position</a></p>
 </div>
 <div id="http_request">
   <h2>7. something </h2>
@@ -269,6 +275,7 @@ <h2>12. overflow</h2>
 &lt;style&gt;<br/>  div {<br/>    overflow: hidden;<br/>  }<br/>  p {<br/>    float: left;<br/>  }<br/>&lt;/style&gt;<br/>&lt;div&gt;<br/>    &lt;p&gt;I am floated&lt;/p&gt;<br/>    &lt;p&gt;So am I&lt;/p&gt;<br/>&lt;/div&gt;<br/>
   </code></pre>
   <p><strong>Answer:</strong> yes</p>
+  <p>ref: <a href="http://css-tricks.com/the-css-overflow-property/">overflow</a> (read the link and add something from it)</p>
 </div>
 <div id="mtuli_lang">
   <h2>13. pre processor</h2>