在CSS中，調(diào)整盒模型寬度是非常常見的操作。 通過(guò)改變對(duì)應(yīng)元素的寬度屬性，我們可以讓元素變得更寬或更窄。 在CSS中增加元素寬度的方向有兩種，分別是水平方向和垂直方向。

/* 水平方向 */
div{
width: 200px;
}
/* 垂直方向 */
div{
height: 200px;
}

上面的預(yù)設(shè)值都是200px，如果我們想增加寬度，只需要把數(shù)值增大即可。比如把水平方向的寬度改為300px：

/* 水平方向 */
div{
width: 300px;
}

這樣元素的寬度就增加了100px。

同樣，要增加垂直方向的寬度，只需要把高度的數(shù)值變大即可。比如，將高度改為300px：

/* 垂直方向 */
div{
height: 300px;
}

這樣元素的高度就增加了100px。

需要注意的是，如果在進(jìn)行元素寬度操作時(shí)，設(shè)置了最大寬度或最小寬度屬性，就不能超出這個(gè)范圍。同理，在增加元素高度時(shí)，也要注意最大高度和最小高度的設(shè)置。