css3 让父级容器撑起来

CSS3是一种用于网页排版和展示的技术，它可以让网页更加美观和具有交互性。在CSS3中，有一个非常实用的特性，就是可以让父级容器自适应子元素的高度，从而使整个页面更加美观和完整。

要让父级容器自适应子元素的高度，我们需要使用一些CSS3的属性和技巧。首先，我们可以使用display: flex; 来让父级容器成为弹性容器。然后，我们可以使用flex-direction: column; 将子元素排列成垂直方向。

.parent {
    display: flex;
     flex-direction: column;
 }
    

接下来，我们可以使用flex-grow: 1; 来让子元素自动填充父级容器的剩余空间。这样，在子元素自适应高度的情况下，我们就成功地让父级容器也自适应了子元素的高度。

.child {
    flex-grow: 1;
 }
    

在实际的应用中，我们可以将这些属性和技巧应用于不同的场景，例如在网页设计中常见的导航栏、列表和卡片等。通过灵活地运用CSS3特性，我们可以打造出更加美观和趣味的网页效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！