在HTML中，CSS負責控制頁面的樣式和布局。其中一個重要的樣式屬性就是寬度。寬度可以設置元素的寬度大小，讓頁面布局更加合理。 在CSS中，我們可以通過以下幾種方式動態設置寬度。 第一種方法是用百分比設置寬度。這種方式比較常見，可以根據父元素的寬度來調整子元素的寬度。例如，下面的代碼可以使元素寬度占父元素寬度的一半。

p {
width: 50%;
}

第二種方法是使用max-width和min-width屬性。這兩個屬性用來設置元素的最大和最小寬度。例如，下面的代碼可以使元素寬度在300px和500px之間浮動。

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

第三種方法是使用calc()函數。這個函數允許我們將多個值相加、減去或乘以，并將結果作為寬度設置。例如，下面的代碼可以使元素寬度為父元素寬度減去50像素。

p {
width: calc(100% - 50px);
}

無論您選擇哪種方法，都可以通過CSS動態設置元素的寬度，以實現更好的頁面布局。