title: Is it possible to display an element which is outside an element that has overflow: scroll?
body: <p>Let's say I have  </p>
  
  <pre><code>&lt;div class="fixed"&gt;
      &lt;div class="abs"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and css:</p>
  
  <pre><code>.fixed{
      position: fixed;
      top:100px;
      width:100%;
      height:300px;
      border:1px solid turquoise;
      overflow:scroll;
  }
  .abs{
      position: absolute;
      width:50px;
      height:50px;
      top:-50px;
      left:0;
      border:1px solid orange;
  }
  </code></pre>
  
  <p>Right now .abs and .fixed has the same parent and I use javascript to position it above the fixed element, but I wonder if there is an other way.</p>
  
  <p>So is it possible somehow to make .abs visible? <a href="https://jsfiddle.net/fujmw79t/" rel="nofollow">Fiddle</a></p>