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

一、div自适应高度：在前端开发中经常需要让外层的div自动适应内部标签和内容的高度，内部标签可能是

、

、

或者文字等各种内容。造成外层的div不能自动适应内容高度的原因往往是因为内部标签设置了float属性，下面来看一下解决办法。

1.用伪对象清除float属性

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

2.用空div来清除float属性

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



声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• 外部div自适应内部标签的高度，设置最小高度、最大...

• 框架初始类文件
• 前端应用
• MVC目录结构规划
• 博客前后台功能介绍