title: CSS absolute positioning in the parent and child
body: <p>I understand that by setting the parent div to <code>position:relative</code>, if I make the position of the child absolute, than the child's position will be absolute within the parent. If I want to make the grandchild positioned absolutely within child, how would I do that, since child is already set to <code>position:absolute</code>? Sorry if this question is weird, any help appreciated.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="parent"&gt;
  &lt;div id="child"&gt;
  &lt;div id="grandchild"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#parent{
  position:relative;
  }
  #child{
  position:absolute;
  }
  #grandchild{
  }
  </code></pre>