外层div自适应内层div高度

最近在做项目的时候,写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的高度会自适应高度变化。

  

 

posted @ 2017-04-21 16:10  wentaokyle  阅读(2150)  评论(1编辑  收藏  举报
其他资源可以访问我的CSDN博客