CSS中定義元素的寬度和高度是非常重要的，這有助于我們控制頁面布局、排版和樣式。下面我們來了解一下如何定義元素的寬度和高度。

/* 定義元素的寬度 */
width: 100px; /* 固定寬度 */
width: 50%; /* 百分比寬度，相對于父級元素 */
/* 定義元素的高度 */
height: 100px; /* 固定高度 */
height: auto; /* 自適應高度，根據內容自動調整 */

其中，width屬性可以設置固定寬度和百分比寬度，固定寬度適用于在不同分辨率的屏幕上顯示相同的元素大小，而百分比寬度則可以根據父級元素的大小自適應調整。如果想要元素寬度和父級元素寬度相同，可以使用100%作為百分比寬度的值。

height屬性可以設置固定高度和自適應高度。固定高度適用于需要固定元素高度的情況，而自適應高度則可以根據元素內容的多少自動調整高度。需要注意的是，如果父級元素沒有設置高度，那么設置元素的高度是無效的，元素高度會自適應父級元素的高度。

在實際開發中，我們可以結合使用width和height屬性來控制元素大小，從而達到布局和排版的目的。