Html 有没有办法控制下拉列表的高度？

我有一个弹出div，我的产品经理希望我放置一个下拉选择框。问题是下拉列表打开时与弹出窗口的边框重叠。（见下文）

如您所见，我的产品经理希望我限制下拉选择的扩展大小，以便它不存在于弹出窗口中

---

我搜索过的每个地方，每个人都说这是不可能的。有什么想法吗？

如果弹出窗口是绝对定位的，那么没有html/css方法可以做到这一点。但javascript可以帮助你们做到这一点，只需将偏移顶部+子弹出窗口的高度添加到主弹出窗口的高度即可。

这应该可以帮助你们解决这个问题。非常优雅干净

---

您是否尝试过使用

size

属性？是否允许调整弹出窗口的高度，使其能够容纳弹出窗口？添加size属性会更改下拉控件以将框呈现为列表框instead@ChrisHardie有没有办法确定列表框项目的显示高度？似乎项目的数量与单击向下箭头时我的浏览器窗口的大小有关。我不确定我是否在跟踪。。。我只有一个弹出窗口，它绝对位于屏幕中间，然后弹出窗口中的所有控件都在该div中被定位（也因为其他原因，内容在iFrAME中，请不要这样判断我，不幸的是其他控件限制）。我相信您可以使用某种方式调用这些元素，比如：hover，所以您只需要添加一个resize函数，该函数将在hover时触发，并调整容器大小，然后在mouse时重新调整容器大小。幸运的是，这不符合我们的UI指南。谢谢你的帖子@Nathantergillus，真遗憾。为下拉菜单的每个列表项设置一个合适的行高如何？我也考虑过，但根据打开弹出窗口的上下文，下拉菜单可能有5个项目，或者可能有99个项目（最多），但您是否尝试过设置“li”选择器的高度？一个激进的选择是限制下拉列表的项目数量。但我想这对您来说太有限了。此时，我希望找到一些快速而肮脏的解决方案，但列表中显示的项目数似乎由浏览器控制，并且无法向引擎指定我一次只希望列表中有5个元素，而不是25个。

____________
|My Popup  |
|  ____    |
| |___V|   |
| |    |   |
|_|    |___|
  |____|