div高度根据内容自动增大

1、很多时候我们希望容器高度能够自适应内部元素的变化，需要用到min-height属性。

2、有时候用了min-height还是不会随着内容自适应高度，您需要检查下容器的子元素是不是有浮动属性，当子元素有浮动时，父元素高度是不会自适应变化的。

3、解决方法如下：

在浮动的容器后面，父容器结束之前加入一个div 

<div class="fuqin"><ul><li>内容1</li><li>内容1</li&gt;</ul><div class="clearfloat"></div></div> 
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;} 

 

转载于:https://www.cnblogs.com/zhoujl-5071/p/5978189.html