问答详情
源自:10-9 CSS3 伸缩布局(二)

8.Flex项目实现自动伸缩---这一个没有做出来,有人做出来了么?

.bigitem{ -webkit-flex:200; flex:200; }  .smallitem{ -webkit-flex:100; flex:100; }

这一个没有实现成功,有木有人实现了的?

提问者:小小程序员一枚 2015-08-20 17:13

个回答

  • insomniahl
    2015-10-15 17:23:20

    <style>

    .d{

    width: 500px;

    height: 200px;

    border: 2px solid #999;

    margin: 10px auto;

    display: -webkit-flex;

    }

    .d1{

    -webkit-flex:50;

    flex:50;  

    background-color: #E46119;

    }

    .d2{

    -webkit-flex:200; 

    flex:200;

    background-color: #000;

    }

    </style>


    <div class="d">

    <div class="d1"></div>

    <div class="d2"></div>

    </div>