[分享]css中宽高属性有没有继承

CSS中宽高属性有没有继承？在CSS中，宽度和高度属性是用于控制元素的尺寸的。那么，这些属性是否具有继承性呢？首先，我们来看一下宽度属性。在CSS中，元素的默认宽度是自动的，也就是说，宽度会根据元素的...

CSS中宽高属性有没有继承？
在CSS中，宽度和高度属性是用于控制元素的尺寸的。那么，这些属性是否具有继承性呢？
首先，我们来看一下宽度属性。在CSS中，元素的默认宽度是自动的，也就是说，宽度会根据元素的内容自动调整。但是，我们可以使用width属性来设置元素的宽度，例如：

 div {
  width: 200px;
} 

那么，这个宽度属性是否具有继承性呢？答案是不具备。父元素的宽度属性无法影响子元素的宽度，让我们看一下下面的代码：

<div style="width: 300px;">
  <p>这是一个段落。</p>
  <div style="width: 50%;">
    <p>这是一个子段落。</p>
  </div>
</div> 

在这个例子中，父元素的宽度为300px，子元素的宽度设置为50%。但是，子元素的宽度并不是指相对于父元素的宽度，而是相对于子元素的包含块宽度（即body标签的宽度）。因此，子元素的宽度并没有继承父元素的宽度。
接下来，我们来看一下高度属性。在CSS中，元素的默认高度也是自动的，也就是说，高度会根据元素的内容自动调整。但是，我们可以使用height属性来设置元素的高度，例如：

 div {
  height: 200px;
} 

那么，这个高度属性是否具有继承性呢？同样的，答案是不具备。父元素的高度属性无法影响子元素的高度。让我们看一下下面的代码：

<div style="height: 300px;">
  <p>这是一个段落。</p>
  <div>
    <p>这是一个子段落。</p>
  </div>
</div> 

在这个例子中，父元素的高度为300px，子元素并没有指定高度属性。因此，子元素的高度会根据内容自动调整，而不是继承父元素的高度。
总结一下，CSS中的宽度和高度属性都不具备继承性。父元素的宽度和高度属性无法影响子元素的宽度和高度。但是，我们可以使用百分比来设置子元素的宽度和高度，让它们相对于父元素的大小进行调整。