首先附上 w3school的权威解释链接：
https://www.w3school.com.cn/cssref/pr_dim_max-height.asp
个人理解：min-height 和 max-height 都是当盒子内容不确定，盒子元素动态增减的是时候，自适应内容而设置的，避免设置固定高度而当内容有所变化的时候导致页面走样，变形，预先给它一个默认的，预设的样式高度，防止不必要的样式变样。
min-height 的取值： % / 具体px值 / inherit 默认为 0
min-height: 当盒子没有内容的时候，即初始化的时候，我们总得给它一个初始高度 ，mix-height 让它有一个没有内容但可以展示的高度，但是它的高度又不能小于min-height,否则界面样式会不一致。
该属性值会对元素的高度设置一个最低限制。因此，元素可以比指定值高，但不能比其矮。不允许指定负值
max-height 的值：none / % / 具体px值 / inherit
max-height: 当盒子的内容是动态的，变化的时候，我们不知道要给它多高，即不能给它一个固定的高度，这个时候我们就可以不给高度，而是给它一个max-height,这个时候盒子高度会随着内容增加而撑开盒子的高度。
该属性值会对元素的高度设置一个最高限制。因此，元素可以比指定值矮，但不能比其高。不允许指定负值
