热门搜索 :
考研考公
您的当前位置:首页正文

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

2020-11-27 来源:桦陀教育

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