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

moerxinx 2010-07-02 11:56:55

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

...全文

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

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

moerxinx 2010-07-02

打赏
举报

回复

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

孟子E章 2010-07-02

打赏
举报

回复

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

解决方法有以下几种：一是调整 z-index 值，确保 Select 组件的 z-index 高于其他元素，让下拉菜单始终显示在最上层；二是使用 ElementUI 提供的 popper-append-to-body 属性，将其设置为 false，使下拉菜单相对于 ...

bootstrap dropdown的显示会根据你设备的高度来决定，默认会显示在下方，如果下方视图不够的话会显示到上方然后显示到上方的话就会有个问题，设备高度不够的话，比较靠上的选项就会显示不全。总共有两种办法解决...

之前工作的时候碰到一个问题，做滚动时因为html的select这个控件会显示在任何控件之前，式样一直做不好，当时的解决方法是用js写了个控件代替了单纯的select标签，让它在影响界面时做些处理。后来和一个前台高手...

简单实现可以编辑的下拉菜单

Bootstrap的下拉菜单被挡住发布时间：2018-01-17 13:19:57 代码 <div class="range"> <div class="dropdown" style="float:right"> <button class="btn btn-success" type="button" data-toggle=...

61,125

社区成员

60,706

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章