css3 子容器占满高度 |在线画图css

想要实现子容器占满高度，大家可以考虑使用CSS3中的Flex布局。具体而言，大家可以为父容器设置display:flex属性，然后为子容器设置flex：1属性。这样，子容器就会占满父容器的高度了。

.parent {
display: flex;
}
.child {
flex: 1;
}

除了使用Flex布局外，大家还可以采用其他方式，比如采用绝对定位的方式。具体而言，大家可以为父容器设置position:relative属性，然后为子容器设置position:absolute和top、bottom等属性。这样，子容器也可以占满整个父容器的高度了。

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
}

总之，CSS3为大家提供了非常多的方法来实现子容器自适应高度的需求。不同的方法适用于不同的情况，大家可以根据具体情况选择最为适合的方式来实现这一需求。