且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Flexbox 3 div,两列,一列两行

更新时间:2022-10-17 23:07:33

合法方法:
*推荐

.flex-row {弹性方向:行;显示:弹性;}.flex 列 {弹性方向:列;显示:弹性;}.flex-body {显示:弹性;}.flex-body div:not([class*="flex"]) {边框:1px纯白色;弹性:1 1 200px;宽度:300px;}

<div class="flex-row"><div style="background: #0980cc;"></div>

<div class="flex-column"><div style="background: #09cc69;"></div><div style="background: #cc092f;"></div>