height:给元素指定高度,当元素较少的时候保持设置的高度,当元素较多时元素溢出。
min-height:给元素设置最小高度,当元素较少时保持设置高度,元素较多时自适应。
父元素设置min-height后,子元素设置height:100%无效。
父元素设置height后,子元素设置height:100%有效。
顺便说明下关于height: 100%和height: 100vh的问题:
vh的意思是屏幕可见高度,1vh≈1%,及height: 100%≈height: 100vh。
区别在于当元素没有内容或内容较少的时候,height: 100%不会被撑开,而height: 100vh会被撑开。