[分享]css中子元素如何继承父元素的高度

CSS中，子元素可以通过继承父元素的高度来实现一些自适应的样式效果。

.parent {
  height: 300px;
}

.child {
  height: inherit;
} 

在这个例子中，父元素的高度被设置为300px。子元素通过继承父元素的高度，来达到与父元素同样的高度。其中，关键字“inherit”表示继承父元素的属性值。

.parent {
  height: auto;
}

.child {
  height: 100%;
} 

另外，如果父元素的高度不是固定的，而是“自适应”的，我们可以将父元素的高度设置为“auto”，然后在子元素中使用百分比来继承父元素的高度。

总之，通过子元素继承父元素的高度，我们可以实现一些比较灵活的自适应布局效果。