CSS中如何調整寬高
在網頁設計中，調整元素的寬高是非常常見的一個操作。通過CSS的樣式來控制寬高也非常簡單。下面我們來詳細了解CSS中如何調整元素的寬高。
1. 設置寬度
在CSS中設置一個元素的寬度非常簡單，只需要使用width屬性并設置對應的值即可。
例如：

html
<style>
p {
width: 200px;
}
</style>
<p>這是一段寬度為200px的段落</p>

這樣就將p元素的寬度設置為200像素了。也可以使用百分比來設置寬度。
例如：

html
<style>
p {
width: 50%;
}
</style>
<p>這是一段寬度為父元素50%的段落</p>

這樣p元素的寬度就會與其父元素寬度的50%相等。
2. 設置高度
與設置寬度類似，設置元素的高度也很簡單，只需要使用height屬性并設置對應的值即可。
例如：

html
<style>
p {
height: 100px;
}
</style>
<p>這是一段高度為100px的段落</p>

這樣就將p元素的高度設置為100像素了。
3. 自適應寬度和高度
有時候我們希望元素的寬高能夠自適應瀏覽器大小或者父元素大小變化，這時候可以使用百分比來設置寬高，讓元素隨其父元素的改變而自動調整大小。
例如：

html
<style>
p {
width: 50%;
height: 50%;
}
</style>
<div style="width: 400px; height: 400px;">
<p>這是一個自適應父元素50%寬高的段落</p>
</div>

這樣p元素的寬高都是其父元素寬高的50%。
另外，有時候我們也希望元素的高度能夠根據內容自適應，這時候可以使用height屬性的值為auto。
例如：

html
<style>
p {
height: auto;
}
</style>
<p>這是一段高度自適應內容的段落，可以隨內容增加而自動適應高度</p>

這樣p元素的高度就會根據其內容隨著內容增加而自動適應高度了。
總的來說，CSS中設置寬高是非常簡單的，只需要使用對應的屬性并設置對應的值即可。同時也可以使用百分比來設置寬高，讓元素更具有自適應性。