CSS（Cascading Style Sheets）是一種用于網頁排版的樣式表語言。用CSS設置網頁的樣式可以使得網頁更加美觀和易于閱讀。其中，控制網頁中元素的寬度是CSS中的一個重要功能。

在網頁中，元素的寬度通常是以像素（px）、百分比（%）或自動（auto）來進行設置。當我們需要使得不同元素顯示不同的寬度時，可以使用不同的寬度單位。比如：

/* 使用像素（px）控制寬度 */
div {
width: 100px;
}
/* 使用百分比（%）控制寬度 */
p {
width: 50%;
}
/* 使用自動（auto）控制寬度 */
img {
width: auto;
}

在上述代碼中，我們可以發現，分別使用像素、百分比和自動這三種寬度單位進行設置，可以讓網頁中的元素在不同的情況下呈現不同的寬度。例如：

• 使用像素（px）控制寬度時，元素的寬度不隨頁面大小的變化而改變，因此比較適合用于固定寬度的元素，比如圖片的寬度。
• 使用百分比（%）控制寬度時，元素的寬度會隨頁面大小的變化而自適應調整，因此比較適合用于需要響應式設計的元素，比如導航欄的寬度。
• 使用自動（auto）控制寬度時，元素的寬度將根據其內容自適應調整，因此比較適合用于自適應寬度的元素，比如段落的寬度。

總結來說，CSS中不同的寬度單位可以讓我們在實現不同需求的情況下，靈活地控制網頁中元素的寬度。掌握不同寬度單位的特點和使用方法，可以讓我們更加深入地理解和應用CSS。