title: CSS - Absolute position , how to ignore left and top of parent
body: <p>Maybe this question is crazy, I would like to know if there is a way to have an element with css position:absolute that jumps one parent and respect parent's parent left and top.</p>
  
  <pre><code> &lt;div id='parentParent' style="position:absolute;left: 0 ;top: 0;" &gt;
       &lt;div id='parent' style="position:absolute;left :50% ; top:50%" &gt;
            &lt;canvas id='myElement' style="position:absolute" &gt;&lt;/canvas&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In this case, I need to have myElement inside parent div, but I can't change parent left and top, so I would like to avoid parent's left=50% and top = 50% and has myElement to use left=0 and top=0 but as it is absolute I think it takes parent's left and top. How can I achieve it? preserving this nesting order.</p>
  
  <p>Sorry if this doesn't makes sense or is stupid, but I would like to know if there is a way.</p>
  
  <p>Thank you in advance.</p>