如何实现Div高度随内容自动调整？（个人资料卡片场景）

需求：让个人资料介绍或卡片的容器高度随内容自动调整，无需设置固定高度。

效果参考：

实现要点：

• 不要给容器设置固定height值，可通过min-height保证基础显示空间；
• 容器默认的height: auto属性会自动计算内部元素总高度，实现自适应；
• 若使用Flexbox或Grid布局，确保布局属性不会限制容器高度扩展；
• 清除内部元素的浮动影响，可通过overflow: auto或伪元素清除法处理。

内容的提问来源于stack exchange，提问作者mits