element-plus 分页弹出位置错误
在 element-plus 组件中，当分页组件位于页面底部时，其 sizes 下拉框往往会向下弹出，导致显示不完整。而实际需求是向上弹出。
原因及解决方法
此问题并非组件本身造成的，而是其他因素影响了弹出方向，如样式或外层盒子样式。要解决此问题，需要检查以下方面：
- 样式冲突：检查是否存在其他 css 样式影响了下拉框的弹出方向。
- 外层盒子样式：确保分页组件的父元素没有设置任何限制弹出方向的样式，例如 overflow: hidden;
- 下拉框默认位置：element-plus 组件内置了下拉框向上弹出的功能，因此无需手动设置。如果出现向下弹出，可能是由于其他原因造成的。
参考示例
如下代码可确保分页组件的 sizes 下拉框正常向上弹出：
<el-pagination layout="total,prev,pager,next,jumper" :total="100" />
拓展知识
在 element-plus 中，可以使用 position: absolute; 和 z-index 属性来控制下拉框的弹出位置和层级：
.el-select {
position: absolute;
z-index: 100;
}
.el-select .el-input {
position: relative;
z-index: 99;
} 
