div高度随内容变化

2016-06-26 09:17:54 div高度随内容变化的实现,如何使用CSS实现div高度随内容增加而增加高度、减少而减小高度呢?

div高度随内容变化而变化的实现

如何使用CSS实现div高度随内容增加而增加高度、减少而减小高度呢?

CSS高度属性单词:height

以上问题之需要高度样式自适应即可:
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高度设置

更新