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

2025-02-24 02:56:38

推荐回答（1个）

回答1：

高度的自适应（父div高度随子div的高度改变而改变）：
1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。
代码：

父div

子div

2、如果父div定义height,子div均为标准流的时候，在IE下父div的height随内容变化而变化，ff中则固定大小，如父div设置height:50px
代码：

父div

子div

3、如果子div使用了float属性，此时已经脱离标准流，父div不会随内容的高度变化而变化，解决的办法是在浮动的div下面，加一个空div，设置clear属性both
未加空div代码：

父div

子div