在另一個顯示一個div

Question

我有一個父div有溢出：隱藏。在父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> 

更新

在我看來，這會工作得很好。但我不想使用位置：與小孩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> 

Answer 1

您可以添加一個位置：absolute將內部div從流中移出。

Answer 2

如果您使用固定位置或絕對位置將子div移出流動，那麼將會看到它。但請注意：父DIV必須保持靜態：

.holder { 
 
    position: relative; 
 
} 
 
.parent { 
 
    overflow: hidden; 
 
    height: 100px; 
 
    border: 1px solid blue; 
 
} 
 
.child { 
 
    position: absolute; 
 
    left: 10px; 
 
    top: 10px; 
 
    right: 10px; 
 
    height: 200px; 
 
    border: 1px solid red; 
 
}

<div class="holder"> 
 
    <div class="parent"> 
 
     <div class="child">Visible?</div> 
 
    </div> 
 
</div>

同樣在JSFiddle。