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仅在放大或缩小时正确显示

回答

相关问题