<div style="width:50%height: 100pxbackground-color: #000000">第一列1</div>
<div style="width:50%height: 100pxbackground-color: blue">第一列2</div>
<div style="width:50%height: 100pxbackground-color: red">第二列1</div>
<div style="width:50%height: 100pxbackground-color: yellow">第二列2</div>
</div>
我没有考虑兼容性问题，自行加上前缀就可以。这里最主要注意两点：
在外层要加上flex-wrap: wrap非常重要，这句话的意思就是可以换行；
内层一定要给其设置宽度。这样才能有效换行，否则全堆在一行里了。
1，访问页面：a.html：<html>
<head>
</head>
<body>
<input
type="text"
name="name"
id="name"
>
<input
type="button"
value="选择用户"
onclick="window.open('b.html','selectname',800,600,1)">
</body>
</html>
2，新打开的选择页面b.html
<html>
<head>
<script
type="text/javascript">
function
selectOrg(name){
if(window.opener){
window.opener.document.all.name.value
=name
window.close()
}
}
</script>
</head>
<body>
<input
type="radio"
name="name"
onclick="selectOrg('李四')">李四
<input
type="radio"
name="name"
onclick="selectOrg('张三')">张三
<input
type="radio"
name="name"
onclick="selectOrg('王五')">王五
</body>
</html>
试一下吧！
点击a.html中的"选择用户"按钮就会弹出b.html,在b.html选择用户后就能返回到a.html并显示返回值
