CSS所有寬高 在CSS中，我們可以通過一些屬性來控制元素的寬高。本文將介紹CSS中所有寬高相關屬性。 1. width 和 height 屬性 width 和 height 屬性分別控制元素的寬度和高度。可以使用像素、百分比、em 等單位。例如：

p {
width: 200px;
height: 100px;
}

2. max-width 和 max-height 屬性 max-width 和 max-height 屬性分別表示元素可達到的最大寬度和最大高度，如果設置超過最大值，則元素會被裁剪。例如：

img {
max-width: 100%;
max-height: 100%;
}

3. min-width 和 min-height 屬性 min-width 和 min-height 屬性分別表示元素可達到的最小寬度和最小高度，如果設置小于最小值，則元素會自動擴張。例如：

.box {
min-width: 200px;
min-height: 100px;
}

4. box-sizing 屬性 box-sizing 屬性用于指定盒模型的計算方式，默認值為 content-box，即寬高只包含內容的寬高，不包括內邊距和邊框。border-box 表示寬高包含內容、內邊距和邊框。例如：

.box {
box-sizing: border-box;
}

5. padding 屬性 padding 屬性表示元素內邊距，即內容與邊框之間的距離。可以為每個方向單獨設置。例如：

p {
padding: 10px 20px;
/* 上下內邊距為10px，左右內邊距為20px */
}

6. border 屬性 border 屬性表示元素邊框的寬度、樣式和顏色。可以為每個方向單獨設置。例如：

.box {
border: 1px solid red;
/* 上下左右邊框寬度為1px，樣式為實線，顏色為紅色 */
}

7. margin 屬性 margin 屬性表示元素外邊距，即元素與相鄰元素之間的距離。可以為每個方向單獨設置。例如：

p {
margin: 10px 20px;
/* 上下外邊距為10px，左右外邊距為20px */
}

總結 本文介紹了CSS中所有寬高相關屬性，包括 width、height、max-width、max-height、min-width、min-height、box-sizing、padding、border 和 margin。熟練掌握這些屬性可以更好地控制元素的布局和顯示效果。