元素高度自适应

大家好，今天来给大家分享一下H5中元素高度自适应的一个小例子。
什么是元素高度自适应？
一、 当一个盒子内有少许的内容时，盒子有最小宽度，而内容增多时高度也不会显示异常。
例子：
例子中，我们给盒子的宽度设置了50像素高度给它设置了最小高度，但是盒子的内容占位比较多，已经大于50像素的高度了，由于盒子内容的高度已经大于盒子最小高度，所以他的效果从一个50*50的正方形变成了一个长方形

我们再给盒子的内容减少一些，它仍然能够保持最小高度50像素

二、 不给盒子设置宽度，他的内容会自动适应。
例子
我们给它的宽度设置成了50像素大小，没有设置它的高度，看一下他的效果图

因为它的内容就两个汉字，所以盒子的高度也是一个盒子高度的宽度。我们再给它的内容增多一点看一下效果
它的高度变成了这么多汉字加起来的高度。