在CSS中，盒子的長(zhǎng)寬調(diào)節(jié)是非常重要的。盒子的長(zhǎng)寬分別由width和height屬性來(lái)控制。這兩個(gè)屬性可以設(shè)置固定的像素值、百分比值、相對(duì)于父元素的比例值等，具體如下：

/* 設(shè)置固定像素值 */
p {
width: 200px;
height: 100px;
}
/* 設(shè)置百分比值 */
p {
width: 50%;
height: 50%;
}
/* 設(shè)置相對(duì)于父元素的比例值 */
.parent {
width: 400px;
height: 200px;
}
.child {
width: 50%;
height: 50%;
}

另外，還有一些與盒子長(zhǎng)寬相關(guān)的屬性，如max-width、max-height、min-width和min-height。max-width和max-height用于設(shè)置元素的最大寬度和最大高度，當(dāng)元素的實(shí)際寬度或高度超過(guò)了最大值時(shí)，會(huì)被限制在最大值內(nèi)；而min-width和min-height用于設(shè)置元素的最小寬度和最小高度，當(dāng)元素的內(nèi)容太少時(shí)，會(huì)自動(dòng)擴(kuò)展到最小寬度或最小高度。

/* 設(shè)置最大寬度和最大高度 */
p {
max-width: 500px;
max-height: 300px;
}
/* 設(shè)置最小寬度和最小高度 */
p {
min-width: 100px;
min-height: 50px;
}

此外，還有一個(gè)很有用的CSS屬性- box-sizing，它用于設(shè)置盒子模型的計(jì)算方式，有兩個(gè)可選值：content-box和border-box。content-box表示元素的寬度和高度僅包括內(nèi)容，不包括邊框和內(nèi)邊距；而border-box表示元素的寬度和高度包括內(nèi)容、內(nèi)邊距和邊框。一般情況下，建議使用border-box，因?yàn)樗蠈?shí)際需求。

/* 設(shè)置盒子模型的計(jì)算方式 */
p {
box-sizing: border-box;
}

總之，CSS中盒子的長(zhǎng)寬調(diào)節(jié)是非常重要的，除了width和height屬性外，還有max-width、max-height、min-width、min-height和box-sizing等屬性，能夠幫助我們更好地掌控元素的大小和布局。