在使用 CSS 進行樣式設計時，我們常常需要拿到元素的寬度進行計算或布局。那么，怎樣才能在 CSS 中拿到元素的寬度呢？下面我們來一起學習。 CSS 中獲取元素寬度的方法有很多，常用的有以下兩種： 1. 使用 width 屬性 元素的寬度可以通過 CSS 中的 width 屬性來設置。我們可以通過讀取元素的 width 屬性值來獲取該元素的寬度。例如： ```

這是一個段落。

``` 我們可以通過以下代碼來獲取該段落的寬度： ``` var paraWidth = document.getElementById("myPara").offsetWidth; ``` 其中，offsetWidth 是可讀屬性，它返回元素的整體寬度，包括寬度、內邊距和邊框寬度。 2. 使用 getBoundingClientRect() 方法 getBoundingClientRect() 是一種獲取元素寬度的常用方法，它可以返回一個包含元素大小和位置的對象。例如： ```

這是一個段落。

``` 我們可以通過以下代碼來獲取該段落的寬度： ``` var paraElement = document.getElementById("myPara"); var paraRect = paraElement.getBoundingClientRect(); var paraWidth = paraRect.width; ``` 其中，getBoundingClientRect() 方法返回的對象包含了元素的各種屬性值，如 top、left、bottom、right、width 和 height 等。 總的來說，獲取元素寬度的方法有多種，我們可以根據不同的需求選擇合適的方法。但我們需要注意的是，當元素的寬度含有邊框或內邊距時，不同的瀏覽器對于 offsetWidth 和 getBoundingClientRect() 方法返回的元素寬度可能有所不同，因此我們需要針對不同的場景做好測試和兼容。