el-cascader高度溢出

在黑马的vue项目练习中，跟着视频敲代码，没有漏的情话下发现el-cascader高度溢出

<el-cascader 
    :options="cityData"
    v-model="addressForm.address1"
    style="width: 100%"></el-cascader>

本来以为是级联选择器的高度问题，就在style中给该标签添加了高度：

.el-cascader { height: 350px; }

结果并不符合预期，在网上简单搜索了一下，给出的答案是在 el-cascader-menu 这个标签上加高度，但是我测试过后发现并没有效果。

最终将样式添加在全局样式表 global.css 得以实现。

至于为什么我也没有理解，不知道有没有能解答的。