dispaly:-webkit-box 布局中的坑

dispaly:-webkit-box 具体用法 这里大家可以网上查，

这里说下里面的坑

里面的子对象设置-webkit-box-flex: 1 -webkit-box-flex: 2 时；一般两个子元素宽度并不是1比2

所以这里建议设置成传统的百分比的形式

-webkit-box-flex: 1 用来做宽度自适应

比如一个左边200px宽 右边自适应，可以这

.parent{

　　dispaly:-webkit-box ;

}

.left{

　　dispaly:-webkit-box ;

}

.right{

　　-webkit-box-flex: 1 ;

}

<div class="parent">

　　<div class="left"></div><div class="right"></div>

</div>

转载于:https://www.cnblogs.com/blowfish/p/4688731.html