Question

div高度不能随内容增加而增加的问题？

#content {position: relative;height: 100%;margin: 0 auto;padding: 10%;}#aspku_box{ width: 1000px; height: auto; overflow: hidden; margin: 0 auto;}#aspku_box dl dt{ height:35px; line-height:35px;margin-bottom:20px;}#aspku_box dl dt h1{ font-size:32px; font-family:"微软雅黑","黑体"; color:#fff; font-weight:normal; float:left;}#aspku_box dl dt div{ float:right; font-size:12px;}#aspku_box dl dd ul{ width: 1000px; height: 100%; overflow: visible;





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>

追问

当前这样，我应该修改什么？