CSS3是一門用于網(wǎng)頁開發(fā)的樣式表語言，它可以對網(wǎng)頁的樣式進行控制和布局，包括盒子的尺寸、間距、背景、邊框和其他樣式。在CSS3中，我們可以使用box-sizing屬性控制盒子的寬度和高度，而在JavaScript中，則可以使用getComputedStyle方法獲取盒子的寬度。

// 獲取元素
var element = document.getElementById("box");
// 獲取計算樣式
var style = getComputedStyle(element);
// 獲取寬度
var width = parseFloat(style.width);
// 獲取高度
var height = parseFloat(style.height);

在上述代碼中，我們首先使用getElementById方法獲取了id為"box"的元素，然后使用getComputedStyle方法獲取了該元素的計算樣式。接著，使用parseFloat方法將樣式中的寬度和高度轉(zhuǎn)換為數(shù)值類型，從而可以進行數(shù)值計算或比較。

需要注意的是，getComputedStyle方法返回的是計算后的樣式值，可能會受到瀏覽器的兼容性和實現(xiàn)方式的影響。因此，在實際應(yīng)用中，我們需要結(jié)合具體情況進行測試和調(diào)試，以確保代碼的穩(wěn)定性和兼容性。