[分享]css中height会继承吗

在CSS中，height属性代表元素的高度。但是，许多人会对它的继承性产生疑问：在子元素中设置height属性会继承父元素的height属性吗？ 需要注意的是，height属性不会被子元素继承。子元素...

在CSS中，height属性代表元素的高度。但是，许多人会对它的继承性产生疑问：在子元素中设置height属性会继承父元素的height属性吗？
需要注意的是，height属性不会被子元素继承。子元素默认会根据其内容来调整其高度。如果你想让子元素与父元素的高度一致，可以使用百分比来设置。
例如，如果你想让一个子元素与其父元素一样高，可以使用以下的代码：

css
.parent {
  height: 300px;
}
<br>
.child {
  height: 100%;
} 

这样，子元素的高度就会与父元素相同了。
需要注意的是，这种方法只对直接子元素有效。如果你希望子元素的高度与祖先元素一致，你需要将所有的祖先元素的高度都设置为百分比。
例如，如果你希望一个子元素的高度与祖先元素的高度一致，可以使用以下的代码：

css
.grandparent {
  height: 500px;
}
<br>
.parent {
  height: 50%;
}
<br>
.child {
  height: 100%;
} 

这样，子元素的高度就会与祖先元素的高度一致了。
需要注意的是，使用百分比设置元素的高度需要考虑到其包含块的高度。如果包含块的高度没有设置，子元素的高度也不能准确地计算出来。
总结起来，height属性不会被子元素继承。如果你想让子元素的高度与父元素或祖先元素一致，可以使用百分比来设置。同时，需要考虑到包含块的高度问题，以便正确地计算子元素的高度。