CSS是前端開發中非常重要的一部分，通過CSS能夠控制網站的樣式和布局，其中控制控件的寬度也是常見的需求。

//通過CSS獲取控件寬度
div{
width: 200px;
height: 100px;
}
var width = document.querySelector('div').offsetWidth;
console.log(width); //輸出200

上述代碼中，我們首先通過CSS設置了一個div控件的寬度為200px，然后使用JavaScript代碼獲取該控件的實際寬度。

在JavaScript中，我們可以使用querySelector()函數來獲取對應的控件元素，然后使用offsetWidth屬性來獲取該控件的寬度值。這個寬度值可以用于進一步操作，如修改其他控件的樣式或布局。

需要注意的是，offsetWidth屬性獲取的值包括控件的寬度、內邊距和邊框。如果只需要獲取控件的實際寬度，可以使用clientWidth屬性替代。

//使用clientWidth屬性獲取控件實際寬度
var width = document.querySelector('div').clientWidth;
console.log(width); //輸出200

總的來說，通過CSS獲取控件寬度的方法可以使得我們更方便地控制網站的布局和樣式，能夠讓網站的呈現更加美觀和合理。