小兔网

一、div自适应高度:在前端开发中经常需要让外层的div自动适应内部标签和内容的高度,内部标签可能是
      或者文字等各种内容。造成外层的div不能自动适应内容高度的原因往往是因为内部标签设置了float属性,下面来看一下解决办法。

      1.用伪对象清除float属性

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

      2.用空div来清除float属性

       1  2  3   4    5   Document 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     }