当前位置:Gxlcms > html代码 > 外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:51人阅读

一、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     }

人气教程排行