CSS尺寸屬性，用于控制元素的高度和寬度。
該CSS提供了幾個屬性，如width，height，max-width和max-height等，可以讓您Box(盒子)的尺寸。下一節(jié)將介紹如何使用這些屬性來創(chuàng)建更好的網(wǎng)頁布局。
width和height屬性定義一個元素的內(nèi)容區(qū)域的寬度和高度。此寬度和高度不包括填充，邊框或邊距。請參閱CSS框模型， 以了解如何計算有效寬度和高度。
width和height屬性可以采用長度值（如px，pt，em等），一個百分比，或關(guān)鍵字auto。不允許負長度值。
div {
width: 300px;
height: 200px;
}測試看看?/?此樣式規(guī)則將300像素的固定寬度和200像素的高度分配給<div>元素。
注意：特殊auto值允許瀏覽器為指定元素自動計算寬度。的百分比（％）值是指該元素的包含塊的寬度。
max-height屬性允許您指定盒子的最大內(nèi)容高度。此最大高度不包括填充，邊框或邊距。
max-height即使將height屬性設(shè)置為更大的值，已應(yīng)用的元素也不會高于指定的值。例如，如果將height設(shè)置為200px并將其max-height設(shè)置為100px，則元素的實際高度為100px。
div {
height: 200px;
max-height: 100px;
}測試看看?/?該max-height屬性通常與該min-height屬性結(jié)合使用，以產(chǎn)生有關(guān)元素的高度范圍。
注意：此規(guī)則有一個例外-如果min-height屬性指定的值大于屬性的值，則max-height在這種情況下，該min-height值實際上就是所應(yīng)用的值。
min-height屬性允許您指定塊的最小內(nèi)容高度。此最小高度不包括填充，邊框或邊距。
min-height應(yīng)用到的元素將永遠不會小于指定的最小高度。例如，如果將height設(shè)置為200px，并且將min-height設(shè)置為300px，則元素的實際高度為300px。
div {
height: 200px;
min-height: 300px;
}測試看看?/?該min-height屬性通常與該max-height屬性結(jié)合使用，以控制有關(guān)元素的高度范圍。
注意：該min-height屬性通常用于確保元素至少具有最小高度，即使不存在任何內(nèi)容也是如此。但是，如果內(nèi)容超出設(shè)置的最小高度，則元素將被允許正常增長。
該max-width屬性允許您指定塊的最大內(nèi)容寬度。該最大寬度不包括填充，邊框或邊距。
max-width即使將width屬性設(shè)置為更大的值，應(yīng)用a的元素也不會比指定的值寬。例如，如果將width設(shè)置為300px，將max-width設(shè)置為200px，則元素的實際寬度將為200px。
div {
width: 300px;
max-width: 200px;
}測試看看?/?該max-width屬性通常與該min-width屬性結(jié)合使用，以產(chǎn)生有關(guān)元素的寬度范圍。
注意：此規(guī)則有一個例外；如果min-width指定的屬性值大于max-width屬性的min-width值，那么在這種情況下，該值實際上就是所應(yīng)用的值。
該min-width屬性允許您指定塊的最小內(nèi)容寬度。此最小寬度不包括填充，邊框或邊距。
min-width應(yīng)用到的元素將永遠不會比指定的最小寬度窄。例如，如果將width設(shè)置為300px，將min-width設(shè)置為400px，則元素的實際寬度為400px。
div {
width: 300px;
min-width: 400px;
}測試看看?/?該min-width屬性通常與該max-width屬性結(jié)合使用，以產(chǎn)生有關(guān)元素的寬度范圍。
注意：該min-width屬性通常用于確保元素即使沒有內(nèi)容也至少具有最小寬度。但是，如果元素的內(nèi)容超過設(shè)置的最小寬度，則將允許元素正常增長。