El-cascader high overflow

In the dark Horse vUE project exercise, follow the video to type code and find el-Cascader high overflow without missing love words

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

I thought it was the height of the cascade selector, so I added the height to the tag in style:

.el-cascader { height: 350px; }
Copy the code

A quick search on the Internet gave me the answer to add height to the el-Cascader-Menu TAB, but it didn’t work after I tested it.

Finally, adding styles to the global stylesheet global.css is implemented.

As for why I do not understand, DO not know whether there is an answer.