您好,欢迎来到舟格财经。
搜索
您的当前位置:首页外部div自适应内部标签的高度,设置最小高度、最大高度_html/css

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

来源:舟格财经


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

Copyright © 2019- zougedi.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务