在CSS中，我們經(jīng)常會使用百分比來設(shè)置元素的寬度。例如，我們可能會將一個元素的寬度設(shè)置為50%來使其占據(jù)父級元素的一半。然而，CSS3引入了一個新屬性——width: inherit;，它可以讓元素的寬度等于其父級元素的寬度。

.parent {
width: 500px;
}
.child {
width: inherit; /* 等于父級的寬度 */
}

在上面的代碼中，父級元素的寬度為500px，而子元素的寬度被設(shè)置為inherit，這意味著它的寬度將等于父級元素的寬度，即500px。

這個屬性非常有用，因為它可以讓我們輕松地創(chuàng)建自適應(yīng)布局。例如，我們可以將一個寬度為100%的容器包含在一個固定寬度的父級元素中，然后將子元素的寬度設(shè)置為inherit，這樣它就可以自適應(yīng)父級元素的寬度。

.parent {
width: 800px;
}
.container {
width: 100%;
}
.item {
width: inherit; /* 等于container的寬度 */
}

在這個例子中，父級元素的寬度為800px，而容器的寬度被設(shè)置為100%。然后我們將子元素的寬度設(shè)置為inherit，這樣它就可以自適應(yīng)容器的寬度。

總之，width: inherit;是一個非常有用的CSS3屬性，可以讓我們輕松地創(chuàng)建自適應(yīng)布局。它可以讓子元素的寬度等于其父級元素的寬度，從而使布局更加靈活。