CSS中，可以通過(guò)設(shè)置元素的寬度，來(lái)控制一個(gè)元素的大小。
但是有時(shí)候，我們希望一個(gè)元素的寬度能夠自動(dòng)繼承父節(jié)點(diǎn)的寬度。這時(shí)候，我們可以使用CSS中的width: inherit;屬性。
比如說(shuō)，我們有一個(gè)
元素，它的寬度為500像素。然后我們?cè)谶@個(gè)
中放置了一個(gè)
元素，并設(shè)置了width: inherit;屬性。這時(shí)候，
元素的寬度就會(huì)自動(dòng)繼承父元素
的寬度，也就是500像素。
下面是具體的示例代碼：
<style>
div {
width: 500px;
background-color: yellow;
}
p {
width: inherit;
background-color: pink;
}
</style>
<div>
<p>我是一個(gè)段落，我的寬度繼承了父元素的寬度。</p>
</div>可以看到，
元素的背景顏色為粉色，而
元素的背景顏色為黃色，表示它們是嵌套在一起的。而
元素的寬度自動(dòng)繼承了其父元素
的寬度。
總的來(lái)說(shuō)，width: inherit;屬性可以幫助我們實(shí)現(xiàn)元素的寬度自動(dòng)繼承父節(jié)點(diǎn)的寬度，十分方便實(shí)用。