关于el-card的height设置100%后, el-card内容超出高度后,内容被隐藏这件事

1. 解决方法

全局样式添加以下代码

.el-card__body{
	height: 100%;
	width: 100%;
}

2. 问题原因

代码

<el-card style="height: 100%">
	<!-- ... -->
</el-card>

选中.el-card 元素发现这里的 .el-card 的 overflow:hidden

而内部 .el-card__body除了padding外并未设置其他

所以el-card__body的宽高, 由内容决定, 当内容超过了el-card设置的高度后就会出现内容被隐藏的问题,

所以给el-card__body一个不超过el-card的宽高问题就可以解决