外层div自适应内层div高度

Posted 2020-09-12 wentaokyle

最近在做项目的时候，写jsp页面，在显示一些数据时不知道数据的多少，这时候就需要外层div自适应内层div的高度。

在网上找了些方法，也是本人现在用的解决方法，这里只介绍一种，当然还有很多种解决方法。

　　如：

1 <div id="div_1">
2     <div id="div_1_1"></div>
3     <div id="div_1_2"></div>
4     <div id="div_1_3"></div>
5 </div>

　　div_1_2和div_1_3的高度固定不变，div_1_1的高度是变化的，要让div_1自适应其子div的高度，解决方法：

　　　　1.设置div_1_1的最小高度：min-height

　　　　2.在div_1_3后面加一个div： <div style="clear: both;display: none;"></div>

　　　　3.设置div_1的最小高度：min-height(等于：div_1_1的最小高度 + div_1_2的高度 + div_1_3的高度 )，这样div_1_1高度变大时，div_1的高度会自适应高度变化。