/*em*/
p{
font-size: 16px;
line-height: 1.5em;
}其中，一种比较常见的相对长度单位是em。1em定义为元素的字体大小，例如上面的例子中，p元素的字体大小为16px，所以它的行高为24px（即1.5×16），这里1.5就是1.5em。
/*rem*/
html{
font-size: 16px;
}
p{
font-size: 1.5rem;
}另外一种比较常见的相对长度单位是rem。1rem定义为根元素html的字体大小，例如上面的例子中，根元素html的字体大小为16px，所以p元素的字体大小为24px（即1.5rem），这里1.5就是1.5rem。
/*vw, vh*/
p{
width: 50vw;
height: 50vh;
}除了em和rem，还有一些相对长度单位可以用于定义宽度和高度，例如vw和vh。vw表示视窗宽度的百分比，vh表示视窗高度的百分比。例如上面的例子中，p元素的宽度为视窗宽度的50%，高度为视窗高度的50%。
相对长度单位的优点在于，它们可以根据浏览器的缩放情况自动调整大小，适应不同的屏幕尺寸和分辨率，而不需要手动修改代码。因此，在设计响应式布局的网站时，相对长度单位是非常有用的。