CSS相對數值是相對于某些參考值進行設置的數值，包括百分比和em值。在布局中，使用相對數值可以使頁面更加靈活，適應不同尺寸的屏幕。

p {
font-size: 16px;
line-height: 1.5;
}
.container {
width: 80%;
margin: 0 auto;
}
img {
width: 100%;
max-width: 720px;
height: auto;
}
@media only screen and (min-width: 768px) {
p {
font-size: 18px;
}
}
@media only screen and (min-width: 1024px) {
.container {
width: 60%;
}
}

在以上的代碼中，可以看到不同的相對數值的使用。首先，段落的行高使用了相對數值1.5，可以根據字體大小變化而變化。在@media查詢中，當屏幕寬度達到某一像素時，可以針對不同尺寸的屏幕調整字體大小和容器寬度。而圖片的寬度也使用了相對數值，保證在不同屏幕上都可以完整顯示圖片。