title: Hiding the overflow from an absolutely positioned descendant in CSS
body: <p>I have an absolutely positioned element that's a child of an element with <code>overflow:hidden</code>, and I'd like to have it be cut off at the edge of the parent, but absolute positioned elements seem to ignore overflow rules. Is there a workaround for this?</p>
  
  <p><a href="http://www.brandonsmith.ninja" rel="nofollow">http://www.brandonsmith.ninja</a></p>
  
  <p>Viewed on mobile, the tessellation elements are what I'm trying to cut off. The document currently expands beyond the viewport width.</p>