CSS是前端開發中非常重要的一個技術，掌握好CSS技巧能夠使我們的網站更加美觀、優雅。其中，設置寬度是CSS的基礎技巧之一，本文將介紹CSS寬度定長的相關知識。

在CSS中，設置寬度可以使用width屬性。默認情況下，寬度是根據內容自適應的，但是有時候我們需要設置寬度為定長，具體有哪些場景呢？

.box {
width: 500px;
height: 300px;
background-color: #ccc;
margin: 0 auto;
}

比如上面的代碼，設置了一個寬度為500px、高度為300px的容器。此時，容器的寬度已經被固定下來了，不會隨內容的變化而變化。

還有一個應用場景是實現水平居中，在實現水平居中的時候，我們需要讓容器的寬度為定長，才能保證它的位置正確。

.container {
width: 800px;
margin: 0 auto;
}
.box {
width: 500px;
height: 300px;
background-color: #ccc;
}

上面的代碼中，父容器container寬度為800px，margin值是0 auto，表示容器水平居中。而子容器box的寬度為500px，使其在父容器中水平居中。

總之，設置CSS寬度定長可以實現內容不隨窗口變化而變化，也方便實現水平居中等功能。但是要注意，如果容器中內容過多，會導致寬度不夠而使用滾動條，影響用戶體驗。