当页面大小改变时，select 下拉菜单超出页面，是否能将超出的不显示在最上层

moerxinx 2010-07-02 11:56:55

我想要将超出的部分不显示在最上层，应该如何设置CSS？

...全文

518 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

moerxinx 2010-07-02

打赏
举报

回复

[Quote=引用楼主 moerxinx 的回复:]
我想要将超出的部分不显示在最上层，应该如何设置CSS？
[/Quote]
是的，我表达的不够清楚。
不可控吗？那不是有些页面缩小后，下拉菜单就显的比较丑了

孟子E章 2010-07-02

打赏
举报

回复

这个好像无法控制的，是显示在浏览器窗口的外面的，不是页面的外面

默认的select下拉菜单的高度比如：05我可以通过调节select的字体大小，来实现菜单的高度的变化。字体越大，菜单默认显示的高度越大问：我要限定，菜单字体大小为10Px。但是菜单默认的显示高度要为30px

html代码：友谊链接 163 flash8 百度百度

这应该也是不将弹出框插入至 body 元素之中的原因，所以就给el-select写个状态：全屏时popper-append-to-body为false,非全屏时为true。但在写完之后，发现还是不行，甚至又回到了没加popper-append-to-body的情况（全屏不显示下拉菜单）。在前两天进行页面全屏时，一切都还好好的，可当使用element-ui中的el-select时，下拉菜单却怎么也显示不出来，但只要退出全屏状态，立马就好。可随之而来新的问题产生，非全屏状态下，我的下拉菜单无法完全显示出来了！

本教程前一步骤，我们已经实现了一个简单的 SAP UI5 表格分页显示的需求，效果如下：在本教程后续步骤里，我们会一步步对目前这个已经完成的应用进行优化。目前我们对每页显示的产品个数是硬编码为 20，本步骤我们会对这个硬编码进行优化，允许用户能够指定分页的大小，可以在 20，30 和 50 三种大小里选择。因此，需要学习如何使用 SAP UI5 的下拉菜单，即 sap.m.Select 来给用户提供选择。本步骤我们暂时不考虑 SAP UI5 表格的分页显示，先将 sap.m.Select 的使用方式

本文深入分析了Element Plus的el-select组件在响应式布局中的下拉菜单位置问题。当组件靠近屏幕边缘时，默认的Popper.js自动翻转机制会导致下拉菜单出现在意外位置。通过禁用flip修饰符并启用preventOverflow功能，配合微调offset设置，实现了声明式的定位控制方案。这种方法能智能适应各种屏幕尺寸，确保下拉菜单始终显示在预期位置且不超出视口边界，比手动计算偏移量更健壮可靠。最终方案利用Popper.js内置功能，以简洁代码解决了复杂响应式定位问题。

61,120

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章