html - 左元素 : -9999 makes the view jump

Question

我正在尝试使用这个插件: https://harvesthq.github.io/chosen/

为了制作带有搜索框的保管箱。如果您看一下“标准选择”，当菜单关闭时，它具有绝对位置和左 -9999 属性，这使其“消失”。它在那里运行良好，但是，在我的站点中，当菜单位于 -9999 时，我的所有 View 都跳到菜单的左侧。

这是我将 overflow-x:visible 放入 html 时的样子(没有这个我只能通过刷新返回)。

您可以在该测试页中看到这种情况: http://rashamkol.com/test/

知道如何解决这个问题吗？

提前致谢!

Answer 1

尝试将此添加到您的 CSS:

.chosen-container .chosen-drop {
    left: 0;
    display: none;
}

.chosen-container.chosen-container-single.chosen-with-drop .chosen-drop {
    display: block;
}