您如何相对放置Select2下拉菜单？

Question

我正在创建d3数据可视化，我想在d3绘制的<select>顶部放置一个html <svg>下拉菜单（两者都在父级<div>内部）。沿着[

的行添加CSS很容易

width: 400px;
position: 'relative';
left: 100px;
top: 50px;

到<select>，它很好用。

但是，我希望下拉列表是可搜索的，一旦我添加了select2代码$("#dropdownID").select2();，整个下拉列表就会突然移动到SVG下方（但确实可以搜索）。当我在浏览器中检查它时，原始的<select>显示为正确的位置，但不可见，而各种与select2相关的新的<span>（看起来像一个下拉列表）是实际上显示在下面。

[我已经尝试弄乱<select>的css以及可以传递给dropdownCss调用的containerCss和select2选项，但仅能进一步打破混乱。

有什么建议吗？预先感谢！

Answer 1

[我仍然对是否有更直接的方法感到好奇，但是我发现了一个简单的解决方法-将<select>放在<div>内，然后将定位应用于父级<div>（包括select2 [ C0]。）