所以我创建了移动网站，看起来很棒，但现在我正在为ipad解析重新编码css。移动网站的布局类似于此http://jsfiddle.net/7UZm3/
HTML
<body>
<div class="box b1">Box One</div>
<div class="box b2">Box Two</div>
<div class="box b3">Box Three</div>
</body>
CSS
body {
display:flex;
flex-flow: column wrap;
height:400px;
}
.box { flex:1; }
.b1 { background-color: green; }
.b2 { background-color: yellow; }
.b3 { background-color: pink; }
但我想要的是框1跨越屏幕的整个高度，框2和3对齐框1的右边。（因此框1的行跨度为2）
我无法弄清楚需要设置什么属性。 感谢您的帮助=）