title: CSS - prevent absolute positioned element from overflowing body
body: <p>I have an element in a page which is absolute positioned using TOP and LEFT css styles.
  When it's positioned at a negative position in the left or top area, it's no problem.
  However, when the element is placed at a left position greater than the window innerwidth, scrollbars will appear.</p>
  
  <p>Is there a way to somehow prevent this element from doing that?
  I can not set overflow:hidden; to my body element as that will destroy my layout.
  For example, a property like <code>overflow-parent:none;</code> would be great (but unfortunatly does not exist)</p>