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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了外部div自适应内部标签的高度，设置最小高度、最大高度_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1415字，纯文字阅读大概需要3分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的外部div自适应内部标签的高度，设置最小高度、最大高度_html/css_WEB-ITnose全部内容，希望文章能够帮你解决外部div自适应内部标签的高度，设置最小高度、最大高度_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/401910.html

来源：【匿名】