Html 下拉列表和按钮在调整浏览器大小时显示为禁用（不工作）

我有一个奇怪的行为，下拉列表和按钮在我的布局。 我刚刚做了一把小提琴来说明这是什么样子

正如您在示例中所看到的，如果调整浏览器的大小，您仍然可以打开列表或单击

过滤器

按钮，这是确定的

当我在桌面上做同样的操作时，第一个列表将正常工作，但是第二个和第三个列表将不会像“不可单击”中的按钮一样打开

我花了一整天的时间试图解决这个问题，不幸的是没有成功

也许你们中有人也有同样的问题，或者知道这里发生了什么

---

任何帮助都将不胜感激。

我以前遇到过这样的问题，当包装器元素通过zindex延伸到其他元素上时，我无法跟踪它，直到我给每个元素一个背景色，并在调整窗口大小时可以看到它们在大小上的变化。

这种情况发生在什么大小？我更改了浏览器大小，但没有发现问题…你的建议与此无关。正如您在fiddle演示中清楚地看到的，调整浏览器窗口大小时，元素之间没有重叠。