父级div加了overflow: hidden; 子元素如何突破限制不被隐藏？

如果父级div 加了overflow: hidden;，而且必须不能删除overflow: hidden; 这个  如何让子元素不被隐藏？
元素模板为您解答

遇到这个问题的话，那必须使用 position:absolute;了

而且父级必须不能设置position: relative;

代码如下

<style>
    #fu{
        width:600px;
        height:500px;
        background: gray;
        overflow: hidden;
    }
    #zi1{
        width:300px;
        height: 400px;
        background: red;
    }
    #zi2{
        width:300px;
        height: 400px;
        background: blue;
        position:absolute;
        bottom: -200px;
    }
</style>
<div id="fu">
            <div id="zi1"></div>
            <div id="zi2"></div>
            <div id="zi3"></div>
</div>

参考这个第二个第三个div 就可以了