[分享]css元素的宽高有继承性

在CSS中，元素的宽高可以设置为具体的数值或百分比。同时，CSS中的元素也具有继承性，这意味着子元素可以继承父元素的部分属性，其中包括宽高属性。.parent{ width: 500px; heigh...

在CSS中，元素的宽高可以设置为具体的数值或百分比。同时，CSS中的元素也具有继承性，这意味着子元素可以继承父元素的部分属性，其中包括宽高属性。

.parent{
  width: 500px;
  height: 300px;
}
.child{
  width: inherit;
  height: 50%;
} 

在上述代码中，父元素的宽度设置为500px，高度设置为300px，而子元素的宽度设置为inherit，即继承父元素的宽度属性。这样，子元素的宽度也就成为了500px。

同样的，在子元素中也设置了高度属性，高度设置为50%。由于CSS中的百分比是相对于包含块元素的宽度计算的，在本例中子元素的高度实际上是父元素高度的50%。

需要注意的是，并非所有的属性都具有继承性。例如，背景颜色、边框、内边距等属性都不会被子元素直接继承。

总结起来，CSS中的元素具有宽高继承性，可以通过设置inherit关键字，让子元素继承父元素的宽高属性，但并不是所有属性都具有继承性，需要特别注意。