场景:
- 我将 leaflet 和 React-table 作为一个组件使用。
- 我有两个 div,一个在另一个下面。
- 第一个div是传单 map 第二个 div 是 react 表。
- 第二个 div 有 Expansion 面板内的面板有反应表。
问题:
- 这里的问题是当我
展开面板,它占用超过父高度的 100%。
应该 当我展开时,将第一个 div 缩小到 60%,将第二个 div 缩小到 40% 控制板。
问题 预期输出 - 下图 Running Code - Editor
最佳答案
为 iframe 添加最小高度,如下所示。您可以根据需要添加最小高度。
<pre>
iframe{min-height:300px;}
</pre>
关于javascript - Material UI - 展开面板不会缩小上面的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54000095/