Extending position absolute div outside overflow hidden div

Question

I\'ve haven\'t done css in several month so I might miss something simple, but whatever the solution is, I couldn\'t figure it out. So here is the problem.

Here is simpl

Answer 1

Overflow hidden can actually be ignored if the following rules are observed:

• The overflowing child element has absolute positioning
• The parent with overflow hidden has static positioning
• A second parent wrapper with relative positioning is added

HTML

  

    
(Overflowing the wrapper)
  

CSS

.outer-wrapper {
  position: relative;
}
.wrapper {
  overflow: hidden;
}
.overflowed {
  position: absolute;
}

FIDDLE http://jsfiddle.net/vLsmmrz6/