title: after adding an "overflow: Scroll" the hidden div that should show if hovered over an child div does not appear anymore
body: <p>So I'm making a list of <strong>divs</strong>(<strong><code>childs</code></strong>) that <strong>contains</strong> an <strong>item</strong>(it's a <strong><code>shoppingcard</code></strong>) that should display more information if you hover over it. I've got it working but it is a list that can get more items than the div(the div is "fixed") can fit. So it needs an <code>overflow-x: auto;</code>. But when it has an <code>overflow-x</code> it does not show the menu anymore outside the div(parent). How can i make it appear outside?</p>
  
  <p>my code, you can also see it on <a href="https://fiddle.jshell.net/4jfgL5gr/" rel="nofollow noreferrer">fiddle</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
      &lt;div class="makerelative"&gt;            
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ItemContainer onHover"&gt;
              &lt;a&gt;input&lt;/a&gt;
              &lt;div class="popupMenu"&gt;
                      &lt;button&gt;button1&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>