px:单位代表像素，1px代表一个像素点。
%：设置子元素为父容器的占比。
em：代表该元素中一个字体所占字符，常用在文字首行缩进。其具有继承性。
rem：始终代表html中的字符所在位置。
fr：并没有具体的值，代表一个均分单位，例如：在水平上只分出1fr，则1fr代表整个视窗宽度，
如分成3个1fr，则1fr代表视窗宽度的1/3.
