html - 选择性溢出 : auto

Question

This Fiddle指的是。

我正在寻找一种使下拉菜单可见同时隐藏信息的方法。 编辑:不是隐藏，而是裁剪和滚动

为了隐藏信息，green 有 overflow: auto 但也隐藏了下拉菜单。或者，当 green 具有 overflow: visible 时，下拉列表会正确显示，但内容不会隐藏。另外，max-height: 150px 是必需的，因为我的空间有限，而且我不希望red 或页面滚动；滚动应限制为绿色。

我检查了一些关于 SO 的其他问题，例如 this one和 this one但他们并没有完全解决我的问题，但我同意那里提供的解决方案；我觉得我的情况和那些有点不一样。 Google 也没有提供任何解决方案。

PS:我一直想尝试 :first-letter 伪类，但从来没有用过它，所以我想我应该把它放在这里。

Answer 1

解决您的问题的一个简单方法是使内容透明，这样它就不会直接可见。就像在 css 中一样:color: rgba(0,0,0,0);