CSS3是網頁設計中的關鍵技術之一，它是Cascading Style Sheets的縮寫，即層疊樣式表。在CSS3中，我們可以通過不同的屬性獲取元素的寬度。 首先，我們可以使用width屬性來獲取元素的寬度，如下所示：

p {
width: 200px;
}

上面代碼中，我們將p元素的寬度設置為200像素。使用width屬性可以快速地獲取元素的寬度并設置它的具體值。 除了width屬性之外，我們還可以使用max-width和min-width屬性來獲取元素的寬度。max-width屬性指定元素的最大寬度，而min-width屬性指定元素的最小寬度。例如，我們可以這樣寫：

p {
max-width: 500px;
min-width: 100px;
}

上面代碼中，我們將p元素的最大寬度設置為500像素，最小寬度設置為100像素。這樣，即使p元素中的內容長度不同，它的寬度也會自適應調整。 另外，在CSS3中，我們還可以使用百分比單位來計算元素的寬度。例如，我們可以這樣設置：

p {
width: 50%;
}

上面代碼中，我們將p元素的寬度設置為父元素的50%，這樣p元素的寬度就會隨著父元素的寬度而變化。 需要注意的是，在獲取元素寬度時，我們需要考慮盒模型中的邊框、內邊距和外邊距的影響。如果需要獲取元素的實際寬度，需要減去這些值。例如：

p {
box-sizing: border-box;
border: 1px solid black;
padding: 10px;
margin: 20px;
width: 200px;
}

上面代碼中，我們使用了box-sizing屬性來指定元素的盒模型類型為border-box，這樣元素的實際寬度就包括了邊框和內邊距。如果不使用border-box，那么元素寬度就會包括邊框、內邊距和內容寬度，這樣不利于精確計算元素的實際寬度。 綜上所述，CSS3提供了多種方式來獲取元素寬度，我們需要根據具體需求選擇合適的屬性和單位，確保元素寬度的精確計算。