title: Move absolute div outside the parent
body: <p>Is it possible to move an absolute positioned <code>div</code> outside the parent's borders?</p>
  
  <p>I tried (less) <code>left:calc(~'0%-15px')</code> but does not seem to work :)</p>
  
  <pre><code>.dif-links {
      background: pink; width: 25px; height: 100px; 
      position: absolute; text-align: center;
      left:calc(~'0%-15px')
  }
  </code></pre>
  
  <p>I have an article and I would like to maintain the "share" div outisde the article body, this is why I used the absolute position, but now just move it to the left side of parent seems to be complicated...</p>
  
  <p><a href="https://i.stack.imgur.com/WgQ9y.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WgQ9y.png" alt="enter image description here"></a></p>
  
  <p><strong>Here is <a href="http://codepen.io/anon/pen/OyjOvP" rel="noreferrer">my pen</a></strong></p>