2016-06-26 09:17:54 div高度随内容变化的实现,如何使用CSS实现div高度随内容增加而增加高度、减少而减小高度呢?
div高度随内容变化而变化的实现
如何使用CSS实现div高度随内容增加而增加高度、减少而减小高度呢?
以上问题之需要高度样式自适应即可:
CSS高度自适应:height:auto
div{height:auto}
这样即可实现div高度自适应,随内容变化而变高变小自适应。
div height高度随内容关键点:
只要div不设置固定高度值,或不设置高度值即可实现想要的div高度随内容变化。在不给div设置高度height样式情况下css默认高度就是自适应(height:auto)。所以对div设置height:auto与不设置均是高度随内容变化而自适应变化。
HTML8观点:对div不设置height属性,默认div本身就是高度随内容变化的。
总结:要实现div高度随内容变化而变化(也可以看作css高度自适应),就无需对div设置height样式,这样默认div高度本身就是随内容变化而变化(自适应)。
扩展了解关于height:
css height高度百分之百
div高度设置