Div僅在放大或縮小時正確顯示

我使用以下結構來獲得與較小兄弟相同的高度。Div僅在放大或縮小時正確顯示

<div class="col-md-12" style="display: table; height:100%;"> 

<!-- child 1 - this should take the height of the smaller sibling --> 
    <div class="col-md-4" style="height: inherit; 
      overflow: scroll; 
      border: 1px solid #ccc; 
      padding: 10px;"></div> 

    <div class="col-md-8"></div> 

</div>

當瀏覽器（Chrome）縮小時，此功能正常。但是，當我重置縮放時，滾動框縮小。

爲什麼會出現這種情況，以及如何在正常的瀏覽器大小中獲得初始顯示？

我無法重現問題的jsfiddle但其代碼反正如下：

https://jsfiddle.net/sachid/tvck2x6j/

來源

2017-03-27 SachiDangalla

能否請你加搗鼓相同？ –

@SaiyanPrince我不認爲我可以在jsfiddle中重現問題，但是無論如何都要添加代碼 - 更新了問題。 – SachiDangalla

請使用高度像這樣：

<div class="col-md-12" style="display:table;height:auto;"><!--either use fix height (height :500px;)--> 

<!-- child 1 - this should take the height of the smaller sibling --> 
    <div class="col-md-4" style="height: inherit; 
      overflow: scroll; 
      border: 1px solid #ccc; 
      padding: 10px;"></div> 

    <div class="col-md-8"></div> 

</div>

來源

2017-03-27 12:42:42

Div僅在放大或縮小時正確顯示

回答

相關問題