Material UI - Expand Panel doesn't shrink the above div

问题

Scenario :

• I am using leaflet and React-table as one component.
• I have two div one below the another.
• The first div is leaflet map and the second div is react-table.
• The second div has Expansion Panels inside panel it has react-table.

Issue :

• The issue here is when I expand the panel it taking more than 100% of parent height.
  It should shrink the first div to 60% and second div to 40% when I expand the panel.
  

ISSUE Expected Output - below image Running Code - Editor

回答1:

Add min-height for iframe as in below. You can add min-height according to your requirement.

<pre>
    iframe{min-height:300px;}
</pre>

来源：https://stackoverflow.com/questions/54000095/material-ui-expand-panel-doesnt-shrink-the-above-div