CSS寬高會繼承嗎？
在網頁設計過程中，我們會經常使用CSS來設置元素的寬和高。那么，當一個元素有子元素時，它的寬高會繼承嗎？這是一個值得探討的問題。
CSS寬高不會繼承
首先，讓我們來看一下CSS寬和高的繼承。CSS的規范中，并沒有規定寬和高可以繼承，也就是說，一個元素的寬高并不會被其子元素繼承。這是因為，CSS的寬高是基于盒子模型的，而子元素會影響父元素的大小，所以無法進行繼承。
我們可以看一下下面的例子：

<div style="width: 200px; height: 200px; border: 1px solid black;">
<p style="width: 100px; height: 100px; background-color: red;"></p>
</div>

在上述例子中，我們設置了一個父元素div的寬和高都為200px，并且加了一個1px的邊框。在div中，我們再加了一個子元素p，并給子元素設置了寬和高都為100px，并且背景顏色為紅色。
我們可以看到，子元素的寬和高并不能繼承到父元素中，因為父元素中的邊框和子元素的尺寸都影響了整個元素的大小。
然而，我們可以使用相對單位或百分比來設置元素的寬高，這樣可以讓元素更靈活地適應其父元素的大小。
例如：

<div style="width: 200px; height: 200px; border: 1px solid black;">
<p style="width: 50%; height: 50%; background-color: red;"></p>
</div>

在這個例子中，我們使用百分比來設置子元素的寬和高。這樣，子元素就可以適應父元素的大小，因為它的尺寸是相對于父元素而定的。
總結
在CSS中，寬和高并不會被子元素繼承。相反，子元素會影響父元素的大小，因為CSS的尺寸是基于盒子模型的。但是，我們可以使用相對單位或百分比來設置元素的寬高，使其更加靈活和適應不同大小的父元素。