外层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的高度会自适应高度变化。
本文出自wentaokyle,转载请标明出处!谢谢!