在CSS中，width屬性用于指定元素的寬度。width屬性值可以是一個定值，也可以是一個相對值。定值是指具體的數值，如200px，50rem，20%，而相對值則是相對于元素自身或父元素的值。

下面是一個使用定值的例子：

.example {
width: 300px;
}

這個類會將元素的寬度設定為300個像素。

而使用相對值時，需要考慮相對的對象是誰。如果是相對于元素自身，可以使用百分比單位。如下述代碼：

.example {
width: 50%;
}

這個類將元素的寬度設定為其父元素的一半。

如果想要相對于父元素設置寬度，可以使用rem或em單位：

.parent {
width: 40rem; /* 父元素寬度 */
}
.child {
width: 50%; /* 相對于父元素的一半 */
max-width: 20em; /* 設置最大寬度 */
}

在這個例子中，.child元素的寬度相對于其父元素的寬度設定為50%，但同時也設定了最大寬度為20em，避免了元素寬度過大的情況。

需要注意的是，如果寬度設定為一個較大的定值或百分比，可能會導致元素與其容器溢出。這時可以使用overflow屬性來控制元素的溢出。例如：

.container {
width: 500px;
overflow: hidden; /* 防止子元素溢出 */
}
.child {
width: 800px; /* 子元素寬度超過父元素，會被隱藏 */
}

這個例子中，.child元素的寬度超過了其父元素的寬度，但因為容器的overflow屬性設置為hidden，所以子元素的溢出部分被隱藏了。

總體來說，width屬性的設定對于元素的大小和放置位置有重要的影響，因此需要結合具體情況進行設定。