Bootstrap

关于height和min-height的区别

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会被撑开。

 

 

 

学习于:CSS中height和min-height的区别详解-css教程-PHP中文网

;