高度的自适应(父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使用了float属性,此时已经脱离标准流,父div不会随内容的高度变化而变化,解决的办法是在浮动的div下面,加一个空div,设置clear属性both
<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 style="clear:both"></div>
</div>
参考资料: css中div高度自适应 /news/143.html