溢出滚动显示div移到外面

Question

我在div中设置了隐藏溢出的对象。我试图在div之外得到一个对象并让他看得见，即使他的父div被设置为隐藏溢出。

有人能给我一个提示思考的方向吗？不确定如何解决这个问题

Answer 1

如果您有显示项目的确切偏移量，则可以使用position：absolute;

<div id="div1">
    <div id="div2">
        Im 50px below/nexto my wrapping div
    </div>
    <div id="overflowControl">
        text
        text
        text <!-- About from here things wont be visible -->
        text
            text
    </div>
</div>

CSS

#div1{
     height: 50px;
    width: 50px;
    position: relative;
    border: 1px solid #CCC;
    background: pink;
}
#overflowControl{
    overflow: hidden;
    height: 100%;
    width: 100%;
}
#div2{
    position: absolute;
    top: 100px;
    left: 100px;
    background: limegreen;
    z-index: 100;
}