CSS 怎么獲取 div 寬度？ 在網頁開發中，獲取 div 元素的寬度是非常常見且重要的操作。我們可以使用 CSS 中的一些屬性和技巧來獲取它們。下面我們來討論這些方法。 1. 使用 width 屬性。 我們首先考慮的是使用 width 屬性獲取 div 元素的寬度。這個屬性可以直接獲取 div 元素自身的寬度值，不需要進行什么特殊的處理。代碼示例如下：

div {
width: 100px;
height: 100px;
background-color: blue;
}
p {
font-size: 16px;
margin-top: 20px;
}

上述代碼中，我們已經定義了一個 div 元素，并將其設置為 100px X 100px 的尺寸。接下來，我們使用如下代碼來獲取 div 元素的寬度：

javascript
const width = document.querySelector('div').offsetWidth;

通過上述代碼，我們可以獲取到 div 元素的寬度，以便后續操作應用。

2. 使用 getBoundingClientRect() 方法。 除了 width 屬性外，另一個可以獲取 div 元素寬度的方法是使用 getBoundingClientRect() 方法。這個方法可以獲取到一個矩形對象，其中包括元素的實際尺寸、相對于視口的位置等信息。代碼示例如下：

javascript
const rect = document.querySelector('div').getBoundingClientRect();
const width = rect.width;

通過上述代碼，我們同樣可以獲取 div 元素的寬度，以便后續操作應用。

以上就是獲取 div 元素寬度的兩種常見方法，開發人員可以根據實際需要選擇適合自己的方法進行應用。