外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose
程序员文章站
2022-03-20 08:39:20
...
一、div自适应高度:在前端开发中经常需要让外层的div自动适应内部标签和内容的高度,内部标签可能是
、
- 、
- 或者文字等各种内容。造成外层的div不能自动适应内容高度的原因往往是因为内部标签设置了float属性,下面来看一下解决办法。
1.用伪对象清除float属性
1 2 3 4 5Document 6 7 29 30 3132 3334 35 36
2.用空div来清除float属性
1 2 3 4 5Document 6 7 20 21 2223 24 2526 27
二、给div设置最小、最大高度:
1 #wrap1{ 2 width: auto;3 min-height: 100px;4 max-height: 500px;5 overflow: hidden;6 border: 2px solid yellow;7 }
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
下一篇: java如何读写txt文件?
推荐阅读
-
CSS设置div的最小高度和最小宽_html/css_WEB-ITnose
-
关于div设置最小高度,超过后自动增加的css,兼容IE和火狐_html/css_WEB-ITnose
-
关于div设置最小高度,超过后自动增加的css,兼容IE和火狐_html/css_WEB-ITnose
-
CSS设置div的最小高度和最小宽_html/css_WEB-ITnose
-
CSS实现兼容所有浏览器具有最小高度且自适应的div_html/css_WEB-ITnose
-
CSS实现兼容所有浏览器具有最小高度且自适应的div_html/css_WEB-ITnose
-
外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose
-
外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose