首页 > 技术文章 > div高度根据内容自动增大

zhoujl-5071 2016-10-19 17:44 原文

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;} 

 

推荐阅读