JavaScript（簡稱JS）是一種高級的、解釋型語言，廣泛用于Web開發中。JS可以與HTML和CSS協同工作，可用于動態交互、表單驗證、頁面加載和樣式控制等場景。在CSS中，經常需要使用JS動態控制元素的寬度，這時就可以利用JS和CSS的配合來實現這個功能。

下面是一段JS代碼，它能夠控制CSS的寬度：

var div = document.getElementById('box');
div.style.width = '200px';

在上面的代碼中，我們首先使用了document.getElementById()方法獲取了一個元素，這里我們取的是id為“box”的div元素。接著，我們使用style.width屬性將該元素的寬度設置為200px。這時，該元素的寬度就會被動態地改變。

在實際開發中，我們可以利用事件來觸發JS代碼的執行。例如，在按鈕被點擊時，我們可以執行一段JS代碼，來動態地修改元素的寬度。下面是一段HTML代碼，它包含了一個按鈕和一個DIV元素：

<button onclick="changeWidth()">改變寬度</button>
<div id="box" style="width: 100px; height: 100px; background-color: #f00;"></div>

在上面的代碼中，我們使用了onclick事件來綁定了一個changeWidth()函數。當按鈕被點擊時，將會觸發這個函數，該函數的代碼如下：

function changeWidth() {
var div = document.getElementById('box');
div.style.width = '200px';
}

上面的代碼中，我們首先使用了document.getElementById()方法獲取了id為“box”的元素，接著，我們將該元素的寬度設置為200px。這時，當按鈕被點擊時，元素的寬度就會發生改變。

在實際開發中，JS和CSS的配合是非常常見的。通過JS，我們可以動態地控制CSS的樣式，從而實現更加靈活的頁面效果。