CSS寬度可以使用百分比來定義，其中有幾個常見的百分比值，如50%、25%等等。除了這些常見的百分比以外，還有一種比較常用的方式是使用幾分之幾來定義寬度。比如，我們可以使用1/2來定義寬度為父元素寬度的一半，使用1/3來定義寬度為父元素寬度的1/3。

.example {
width: 1/2;
/* 寬度為父元素寬度的一半 */
}
.another-example {
width: 1/3;
/* 寬度為父元素寬度的1/3 */
}

這種方式可以更靈活地控制元素的寬度，在響應式設計中也非常有用。比如，在移動端需要將元素的寬度調整為屏幕寬度的一半，可以這樣寫：

@media (max-width: 767px) {
.example {
width: 1/2;
}
}

這樣，當屏幕寬度小于等于767px時，元素的寬度就會自動調整為屏幕寬度的一半。

除了使用幾分之幾來定義寬度，還可以使用calc函數來進行復雜的計算。比如，我們可以這樣計算一個元素的寬度：

.example {
width: calc(50% - 20px);
/* 寬度為父元素寬度的一半，減去20像素 */
}

這種方式同樣非常靈活，可以滿足各種復雜的布局需求。