在CSS中，調整盒子的寬度是常見的操作之一。下面的方法可以幫助你輕松地實現這個目標。

.box{
 width: 200px;
}

上述代碼是最基本的設置盒子寬度的方法，將.box的寬度設置為200像素。

.box{
 width: 50%;
}

在某些情況下，你可能需要將盒子的寬度設置為相對于其父元素的百分比。上述代碼將使盒子的寬度占父元素的一半。

.box{
 width: calc(100% - 20px);
}

calc()函數可以用來計算盒子的寬度。上述代碼將使盒子的寬度等于父元素的寬度減去20像素。

.box{
 max-width: 600px;
 width: auto;
}

有時你需要限制盒子的最大寬度，同時保持自適應性。上述代碼將使盒子的最大寬度為600像素，并且自適應其內容。

.box{
 min-width: 300px;
}

在某些情況下，盒子的寬度可能會受到內容的限制。上述代碼將使盒子的最小寬度為300像素。

通過以上方法，你可以根據需要調整盒子的寬度，實現自己的設計效果。