Question

DIV的高度随着内容的增加而增加

<div style="width:240px; float:right; border:red solid 1px; height:200px; ">
<div>
<s:property value="recommend[1].bookName" />
<hr/>
<s:property value="recommend[1].introduce"/>
</div>
</div>
有谁知道该怎么设置或是换成其他的模块！
好吧，其实这个谁为了做任务。

Answer 1

　　高度的自适应（父div高度随子div的高度改变而改变）：
　　1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。
　　代码：
　　<style type="text/css">
　　#aa{ border:#000000 solid 5px}
　　#bb{border:#00ffff solid 5px;}
　　#cc{ border:#0033CC solid 5px}
　　</style>
　　<div id="aa">父div
　　<div id="bb">子div</div>
　　<div id="cc">子div</div>
　　</div>
　　2、如果父div定义height,子div均为标准流的时候，在IE下父div的height随内容变化而变化，ff中则固定大小，如父div设置height:50px
　　代码：
　　<style type="text/css">
　　#aa{ border:#000000 solid 5px;height:50px}
　　#bb{border:#00ffff solid 5px;}
　　#cc{ border:#0033CC solid 5px}
　　</style>
　　<div id="aa">父div
　　<div id="bb">子div</div>
　　<div id="cc">子div</div>
　　</div>
　　3、如果子div使用了float属性，此时已经脱离标准流，父div不会随内容的高度变化而变化，解决的办法是在浮动的div下面，加一个空div，设置clear属性both
　　未加空div代码：
　　<style type="text/css">
　　#aa{ border:#000000 solid 5px;}
　　#bb{border:#00ffff solid 5px;float:left}
　　#cc{ border:#0033CC solid 5px;float:left}
　　</style>
　　<div id="aa">父div
　　<div id="bb">子div</div>
　　<div id="cc">子div</div>
　　</div>
　　

Answer 2

不定高度 就随着内容的增加而增加
如果一定要定高度：
min-height:200px; //最小高度（ie6不识别）
_height:200px; ie6定义高度 超出会自动增加

PS：这种情况不可加overflow:hidden;，不然ie6 不会自动增加

Answer 3

。。。。加一个 overflow:hidden;

Answer 4

不定高度，或者height:auto;