码迷,mamicode.com
首页 > 其他好文 > 详细

外层div自适应内层div高度

时间:2017-04-21 16:48:27      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:min   jsp   变化   code   one   多少   logs   需要   class   

最近在做项目的时候,写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高度

标签:min   jsp   变化   code   one   多少   logs   需要   class   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!