css继承父容器高度 |css source maps

通常情况下，子元素的高度会自适应其中的内容，而不是继承父容器的高度。如果大家需要让子元素与父容器保持一致的高度，大家可以使用CSS中的height属性。然而，这并不是一个理想的解决方案，因为大家需要手动指定子元素的高度，而这在不同的设备上可能会有不同的效果。

.parent {
height: 100px; /* 指定父容器的高度 */
}
.child {
height: inherit; /* 子元素继承父容器的高度 */
}

通过以上代码，可以让子元素继承父容器的高度，而不需要手动指定子元素的高度值。这样可以让网页更具有可适应性，可以在不同的设备上展示出适合它们大小的布局样式。

总之，CSS中的inherit属性可以让子元素继承父容器的高度，从而让网页布局更灵活、更具有可适应性。这是大家在编写网页时需要掌握的一个重要技巧。