CSS寬度技巧是Web開發中十分重要的一部分，CSS寬度控制的好壞直接影響到頁面展示的效果和用戶體驗。下面介紹幾種常用的CSS寬度技巧。

1. 常規寬度設置

.box{
width: 200px;
height: 100px;
}

該代碼表示.box元素的寬度為200像素，高度為100像素。這是最常用的設置寬度的方式，但需要指定具體的數值。

2. 百分比寬度

.box{
width: 50%;
height: 100px;
}

該代碼表示.box元素的寬度為父級元素寬度的50%，高度為100像素。使用百分比可以實現自適應寬度，但需要注意父級元素寬度的大小。

3. 最大寬度和最小寬度

.box{
max-width: 800px;
min-width: 400px;
height: 100px;
}

該代碼表示.box元素的寬度最大為800像素，最小為400像素，高度為100像素。使用最大寬度和最小寬度可以實現寬度的限制，避免元素寬度超出或過小。

4. Flex布局

.container{
display: flex;
justify-content: center;
}
.box{
width: 200px;
height: 100px;
}

該代碼表示.container元素使用Flex布局，使.box元素水平居中顯示，寬度為200像素，高度為100像素。Flex布局可以輕松實現元素居中和自適應寬度。

總結：

CSS寬度技巧是Web開發中至關重要的一部分，掌握常規寬度設置、百分比寬度、最大寬度和最小寬度、Flex布局等技巧可以更加靈活地控制元素寬度，達到更好的頁面展示效果。