详解css3 flex弹性盒自动铺满写法

本文主要介绍了详解css3 flex弹性盒自动铺满写法，分享给大家，具体如下：

<s孰为汝多知乎的意思tyle type="text/css">    .flexcontainer{        width:100%;        height: 100%;       2019感动中国 position: absolute;        left:0px;        top:0px;        display: flex;        flex-direction: column;    }    .flex1 {        width: 100%;        height: 8rem;    责任与担当    float: left;        background: #f00;        }  自我介绍简单大方  .flex2 {        width: 100%;        height: 4rem;        flex:1;        float: left;        background: #000;    }   .flex3 {        width: 100%;        height: 7rem;        float: left;       情侣表白情话 background: #ccc;    }    </style><div class="flexcontainer">    <div class="flex1"></div>    <div class="flex2"></div>    <div class="flex3"></div></div>

到此这篇关于详解css3 flex弹性盒自动铺满写法的文章就介绍到这了,更多相关css3 flex 自动铺满内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章，希望大家以后多多支持www.887551.com！