、
- 、
- 或者文字等各种内容。造成外层的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 }