:fire:min-height
设div父盒子A中有个div子盒子B，设B的min-height为H，则H为盒子B的最小高度值，意思是：
当B中内容填充的高度小于H时，B的高度就是H；当B中内容填充的高度大于H时，B的高度就是其中内容填充到的高度。
通俗一点来说，就是如果min-height的高度设小了还可以变大，但是设大了就只能这样。看下面的例子：
- 当H为100px时：
==>:star:最小就为100px，若你填充的内容高度小于100，就以最小为准
- 当H为5px时：
==>:star:最小为5px，若你填充的内容高度大于5px，就以填充内容高度为准
:fire:max-height
同样以上面的两个数据为例，得到的图如下：
通俗一点来说，就是max-height高度设大了可以根据内容高度变化，设小了就只能这样
- H为100px：
==>:star:最高为100px，若你填充的内容高度小于100，就以填充内容高度为准
- H为5px：
==>:star:最高就为5px，填充内容的高度再高也无济于事
:star:与min-width不同，子盒子的min-width和max-width会受到父盒子width的影响
:fire:min-width
:star:设子盒子的min-width为H，父盒子width为width，使用min-width是指：
- 如果H<width，意味着子盒子还可以更大一点，所以此时子盒子的宽度=父盒子宽度width
- 如果H>width，则子盒子宽度为H
举例：
当父盒子A宽度为200px，子盒子B min-width为10px时：
当父盒子A宽度为10px，子盒子B min-width为200px时，与上图一样
:fire:max-width
:star:设子盒子的max-width为H，父盒子width为width，使用max-width是指：
- 如果H<width，则子盒子宽度为H
- 如果H>width，子盒子要受到父盒子的约束，子盒子宽度=父盒子宽度width
举例：
当父盒子A宽度为200px，子盒子 max-width为10px时，
当父盒子A宽度为10px，子盒子 max-width为200px时，同上图
