在CSS中，我們經常需要獲取寬度這一屬性值，并使用它來設置元素的大小及位置。CSS3提供了一些新的方法來獲取和設置元素的寬度，讓我們來一起看看吧。

/* 獲取元素寬度 */
.width {
width: 100%; /* 將寬度設置為父元素的寬度 */
width: auto; /* 寬度自適應內容長度 */
width: initial; /* 初始寬度，等同于未設置寬度 */
width: inherit; /* 繼承父元素的寬度 */
}
/* 設置元素寬度 */
.width {
width: 100px; /* 固定寬度為100像素 */
width: calc(50% - 10px); /* 計算寬度，即為父元素寬度的50%減去10像素 */
width: max-content; /* 寬度為元素內容最大寬度 */
width: min-content; /* 寬度為元素內容最小寬度 */
}

從上述代碼中可以看到，CSS3提供了一系列新的方式來獲取和設置元素的寬度。通過這些方法，我們可以更加靈活地控制元素的大小和位置，從而實現更加優秀的網頁設計效果。