vue+Element UI 垂直卡片布局，使上下两个卡片有明显间隙

1.问题描述：上下两个卡片(1)的部分老是找不到办法来变成像右边红框（2）这种显示？
2.解决方式：
整体思路，在卡片的上一级设置布局元素的排布（这里要的是垂直），然后设置局部样式，在CSS部分加上一个下外边距(margin-bottom)；内边距只影响卡片本身，会在卡片上有更多的留白部分而已。
1）在控制卡片的布局列的部分加上一个class，然后设置它让它按列分布；

<el-row :gutter="20" type="flex" justify="space-between">
			<el-col :span="16" class="box">
				<el-card>

样式部分:

.box {
		height: 80%;
		/*overflow-y: auto;*/
		display: flex;
		flex-direction: column;//起作用的是这个，没有的话会变成下图的样子，卡片跑到右边去了
	}

2）接着设置卡片的样式部分，不能直接在el-card里面加样式，只能设置整个卡片了。这里注意在