Html 在另一个div中显示div

我有一个父div，它有overflow:hidden。在父div中，有一个高度大于父div高度的动态div。如何使子div按原样显示？现在，由于父div的高度，它将被剪裁。我不希望显示滚动条

<div style="width: 10000em; margin-left: -5000em; position: relative; left: 50%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background-color: transparent; overflow:hidden;">
  <div style="width:100%;top:5px;left:150px;position:absolute;z-index:5000;background-color:#323B5A;-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);">
    sgssgsgsgsdgsdgsgsg<br>aafafafafa<br>sgggdgdsgsgsdgdg
  </div>
</div>

SGSSGSDGSDGSG
aafafafafa
SGGGDGDSGSDGDG

更新

在我看来，这样做很好。但我不想使用position:relative和child div

<div style="width: 10000em; margin-left: -5000em; position: relative; left: 50%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background-color: transparent; overflow:hidden;">
  <div style="width:100%;top:5px;left:150px;position:relative;z-index:5000;background-color:#323B5A;-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.85);">
    sgssgsgsgsdgsdgsgsg<br>aafafafafa<br>sgggdgdsgsgsdgdg
  </div>
</div>

SGSSGSDGSDGSG
aafafafafa
SGGGDGDSGSDGDG

您可以添加一个position:absolute，将内部div从流中删除

如果使用position fixed（位置固定）或absolute（绝对）将子div移出流，则子div将不可见。但请注意：父div必须保持静态：

.holder{
位置：相对位置；
}
.家长{
溢出：隐藏；
高度：100px；
边框：1px纯蓝色；
}
.孩子{
位置：绝对位置；
左：10px；
顶部：10px；
右：10px；
高度：200px；
边框：1px纯红；
}

看得见的

你不能既有蛋糕又吃。决定要使用哪一个，溢出：隐藏还是不隐藏：）溢出-y:可见无效。请提供一个工作示例如果内部div是非动态的，它将正确显示。但当它是动态的时，它会被剪裁。不过，请提供一个工作示例：）如前所述：如果内部div是非动态的，它将正确显示。但当它是动态的时，它将被剪裁。也就是说，只需从父div中删除相对位置。请注意，我已经更新了我的问题。还请注意，我不能说父div的高度。也许最好告诉我们你的目标是什么，你想通过父div上的负利润实现什么。你能在网上找到类似的例子吗？