css宽高属性不具有继承性

在CSS中，宽度和高度是常用的属性，用于定义一个元素的大小。然而，许多人在使用这些属性时，会误以为它们具有继承性。但实际上，CSS中的宽度和高度属性并没有继承性。

例如：

<style>
  .parent {
    width: 500px;
    height: 300px;
  }
  .child {
    background-color: grey;
  }
</style>
<div class="parent">
  <div class="child"></div>
</div>

在上面的例子中，我们为父元素添加了一个宽度和高度的属性，而子元素则没有添加。我们可能会期望子元素会遗传父元素的大小，而实际上子元素会采用默认的宽度和高度，即0。

如果我们想要子元素继承父元素的宽度和高度，我们可以使用其他的技巧。例如，我们可以使用百分比单位来定义元素的宽度和高度：

<style>
  .parent {
    width: 500px;
    height: 300px;
  }
  .child {
    width: 100%;
    height: 100%;
    background-color: grey;
  }
</style>
<div class="parent">
  <div class="child"></div>
</div>

在这个例子中，我们将子元素的宽度和高度都设置为100%。这样，子元素就会沿用父元素的大小。

总而言之，CSS中的宽度和高度属性并不具有继承性。因此，在设计网页布局时，我们需要注意这个问题，并采用其他的方法来实现我们的需求。