外部div自适应内部标签的高度，设置最小高度、最大高度_html/css_WEB-ITnose

一、div自适应高度：在前端开发中经常需要让外层的div自动适应内部标签和内容的高度，内部标签可能是

、

或者文字等各种内容。造成外层的div不能自动适应内容高度的原因往往是因为内部标签设置了float属性，下面来看一下解决办法。

1.用伪对象清除float属性

 1  2  3   4    5    6    7   29  30  31   32     33   34  35 36     

2.用空div来清除float属性

 1  2  3   4    5    6    7   20  21  22   23     24      25   26  27 

二、给div设置最小、最大高度：

1 #wrap1{    2         width: auto;3         min-height: 100px;4         max-height: 500px;5         overflow: hidden;6         border: 2px solid yellow;7     }