相對屬性是CSS中一種常見的屬性類型，通常用于定義元素的相對大小、位置等樣式。常見的相對屬性包括：em、rem、vw、vh和%等。

em是相對于父元素字體大小而言的，如果父元素的字體大小為16px，則1em等于16px。

.parent {
font-size: 16px;  
}
.child {
font-size: 1.5em;  /*相對于.parent，等于24px*/
}

rem是相對于根元素（即html元素）字體大小而言的，如果根元素的字體大小為16px，則1rem等于16px。

html {
font-size: 16px;  
}
.child {
font-size: 1.5rem;  /*相對于html，等于24px*/
}

vw和vh是相對于視口寬度和高度而言的，1vw等于視口寬度的1%。

.child {
width: 50vw;  /*相對于視口寬度，等于50%*/
}

%是相對于父元素的寬度而言的，如果父元素的寬度為100px，則50%等于50px。

.parent {
width: 100px;
}
.child {
width: 50%; /*相對于.parent，等于50px*/
}

相對屬性的優(yōu)勢在于可以根據(jù)父元素的大小自動調節(jié)元素的大小，使得設計更具有靈活性和可維護性。