首页 > 其他 > 详细

外层div自适应内层div高度

时间:2017-04-21 16:49:06      阅读:244      评论:0      收藏:0      [点我收藏+]

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

  

 

外层div自适应内层div高度

原文:http://www.cnblogs.com/kylyww/p/6744065.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!