CSS寬度表達式用于指定一個元素的寬度，它可以是一個具體的數值，也可以是一個計算公式。

/* 可以直接指定數值 */
div {
width: 300px;
}
/* 也可以用計算表達式 */
div {
width: calc(50% - 20px);
}

計算表達式中可以使用加、減、乘、除和括號等運算符，配合百分比、em、rem等單位計算，可以靈活控制元素的寬度。

/* 百分比計算 */
div {
width: calc(100% - 20px);
}
/* em單位計算 */
div {
font-size: 16px;
width: calc(20em + 10px);
}

除了calc函數，還可以使用min-width、max-width等屬性限制元素的寬度。

/* 最小寬度為200px */
div {
min-width: 200px;
}
/* 最大寬度為800px */
div {
max-width: 800px;
}

在響應式設計中，CSS寬度表達式是非常有用的，可以根據不同的屏幕寬度設置不同的樣式。

/* 屏幕寬度小于600px */
@media (max-width: 600px) {
div {
width: 100%;
}
}
/* 屏幕寬度大于600px */
@media (min-width: 600px) {
div {
width: 50%;
}
}

總之，CSS寬度表達式是CSS布局中不可或缺的部分，它可以讓我們輕松控制元素的寬度，實現各種復雜的布局效果。