CSS樣式中,可以使用max-width
屬性來讓DIV的寬度達(dá)到***大,這個(gè)屬性可以限制元素的***大寬度,如果元素內(nèi)部的寬度超過了這個(gè)值,那么元素就會被截?cái)嗷蛘咭绯觥?/p>
在CSS中,max-width
屬性的值可以是一個(gè)固定的像素值,也可以是一個(gè)百分比,如果設(shè)置為百分比,那么元素的寬度就會根據(jù)其父元素的寬度來自動調(diào)整。
如果我們想要讓一個(gè)DIV的寬度***大為500像素,那么我們可以這樣寫:
div { max-width: 500px; }
如果我們想要讓一個(gè)DIV的寬度***大為其父元素的80%,那么我們可以這樣寫:
div { max-width: 80%; }
需要注意的是,max-width
屬性只會影響元素的寬度,不會影響元素的高度,如果元素的高度超過了其包含塊的高度,那么元素就會被截?cái)嗷蛘咭绯觥?/p>
max-width
屬性也不會影響元素的填充(padding)和邊界(margin),也就是說,即使元素的寬度達(dá)到了***大,其填充和邊界的寬度仍然會被計(jì)算在內(nèi)。
max-width
屬性是一種非常實(shí)用的CSS樣式技巧,可以讓DIV的寬度達(dá)到***大,而不會超出其包含塊的寬度。