Css 如何使用flex设置比例列？

我正在学习flexbox

我试图在一行上创建元素，这些元素的大小按固定的1:2比例调整

.cell{
填充：8px 16px；
}
.cell>div{
高度：30px；
}
.行{
显示器：flex；
}

---

删除

.cell

中的填充，并在单元格内的div中添加边距（

.cell>div

）

.cell>div{
高度：30px；
利润率：8px 16px；
}
.行{
显示：-网络工具包盒；
/*旧版-iOS 6-，Safari 3.1-6*/
显示器：-moz盒；
/*OLD-Firefox 19-（有bug，但大部分都能正常工作）*/
显示：-ms flexbox；
/*TWEENER-IE 10*/
显示：-webkit flex；
/*新铬*/
显示器：flex；
}

您在哪里测试它？这对我来说很好。你想把上面两个（蓝色和黄色）的div和紫色的对齐吗？@nanditarorasharma，是的，它们应该对齐。前三个比例为1:1:1，比例均匀。底部的两个不是1:2的比例。（不是彩色框…实际的flex子div填充彩色框。）您在哪个浏览器上测试它？请参考此链接，这可能是您面临的问题

.cell>div {
  height: 30px;
  margin: 8px 16px;
}