在網(wǎng)頁制作過程中，我們經(jīng)常需要控制元素的寬度，使其與父級元素的寬度一致。CSS提供了多種方法來達(dá)到這個(gè)目的。 一、使用百分比（%）控制寬度 當(dāng)我們想讓一個(gè)元素與其父級元素相同寬度時(shí)，可以使用百分比值。比如，想讓一個(gè)div元素在其父級元素中居中并與其一致，我們可以這樣寫CSS樣式：

div {
width: 80%;
margin: 0 auto;
}

這樣，div元素就會占據(jù)其父級元素的80%寬度，而margin屬性的設(shè)置會讓其水平居中。 二、使用calc()函數(shù)計(jì)算寬度 calc()函數(shù)是CSS3新增的一個(gè)功能，它可以在計(jì)算寬度時(shí)進(jìn)行數(shù)學(xué)運(yùn)算，并返回一個(gè)長度值。比如，我們想讓一個(gè)元素寬度為父級元素寬度減去50px，可以這樣寫CSS樣式：

div {
width: calc(100% - 50px);
}

這樣，div元素就會占據(jù)其父級元素寬度減去50px的寬度。 三、使用flexbox布局控制寬度 flexbox布局是CSS3的一個(gè)新特性，可以非常方便地控制元素的排列和寬度。如果我們想讓一個(gè)元素占據(jù)其父級元素的所有剩余空間，可以這樣寫CSS樣式：

.container {
display: flex;
}
.item {
flex: 1;
}

這樣，.item元素就會自動分配與其父級元素剩余空間相等的寬度。 總結(jié) 以上是三種比較常用的方法來控制元素的寬度使其與父級元素一致。不同的方法適用于不同的情況，開發(fā)者可以根據(jù)實(shí)際需求進(jìn)行選擇。