px：像素，固定长度（如 height: 200px）
em：相对父元素字体大小（如父元素font-size: 16px，则 1em = 16px）
rem：相对根元素（<html>）字体大小（如 height: 10rem）
vw/vh：相对视口（屏幕）尺寸（1vw = 视口宽度的1%，1vh = 视口高度的1%，如 height: 50vh 表示占屏幕高度的 50%）
%：相对父元素高度的百分比（如 height: 80%，需父元素有明确高度才能生效）
注意事项
使用百分比（%）时，父元素必须有明确高度（不能是auto），否则无法生效
vh 是相对于视口的，不受父元素影响，适合全屏布局
块级元素默认高度为auto（由内容决定），行内元素设置height通常无效
根据布局需求选择合适的类型，例如响应式设计常用vh或%，固定尺寸用px，自适应内容用auto。