您如何相对定位 Select2 下拉列表？
How do you relatively position a Select2 dropdown?
我正在创建一个 d3 数据可视化，我希望有一个 html <select> 下拉菜单位于我为 d3 绘制的 <svg> 顶部（两者在父 <div> 内）。沿着
行添加 css 很容易
width: 400px;
position: 'relative';
left: 100px;
top: 50px;
到 <select>，效果很好。
但是，我希望下拉菜单可搜索，一旦我添加 select2 代码 $("#dropdownID").select2(); 突然整个下拉菜单移动到 SVG 下方（但确实可以搜索）。当我在浏览器中检查它时，原来的 <select> 显示在正确的位置，但不可见，以及各种新的 select2 相关的 <span>（看起来像下拉菜单）是下面实际显示的内容。
我试过为 <select> 设置 css 以及可以传递给 [=15= 的 dropdownCss 和 containerCss 选项] 打电话，但只是设法进一步打破了事情。
有什么建议吗？提前致谢！
我仍然很好奇是否有更直接的方法，但我找到了一个足够简单的解决方法——将 <select> 放在 <div> 中，并将定位应用于父 <div>（包括创建的 select2 <span>）。
我正在创建一个 d3 数据可视化，我希望有一个 html <select> 下拉菜单位于我为 d3 绘制的 <svg> 顶部（两者在父 <div> 内）。沿着
width: 400px;
position: 'relative';
left: 100px;
top: 50px;
到 <select>，效果很好。
但是，我希望下拉菜单可搜索，一旦我添加 select2 代码 $("#dropdownID").select2(); 突然整个下拉菜单移动到 SVG 下方（但确实可以搜索）。当我在浏览器中检查它时，原来的 <select> 显示在正确的位置，但不可见，以及各种新的 select2 相关的 <span>（看起来像下拉菜单）是下面实际显示的内容。
我试过为 <select> 设置 css 以及可以传递给 [=15= 的 dropdownCss 和 containerCss 选项] 打电话，但只是设法进一步打破了事情。
有什么建议吗？提前致谢！
我仍然很好奇是否有更直接的方法，但我找到了一个足够简单的解决方法——将 <select> 放在 <div> 中，并将定位应用于父 <div>（包括创建的 select2 <span>）。