Javascript 选择2下拉菜单css修改

我有这样的情况：

我想移动

。选择2下拉菜单。选择2下拉菜单--

下方到

左侧：0

和

位置：100%

（相对于窗口）。如您所见，我已经向它添加了一个

top

，但它不适用于其他属性

我使用最新版本的插件

我加了一个例子。你看到人力资源部了吗？我希望下拉列表从左边开始，并像规则一样全宽

给你：

这是您需要的css：

  span.select2-dropdown.select2-dropdown--below {
    top: 30px !important;    
    width:100vw !important;
    transform:translate(-100px,0) !important;
}

100vw表示

视口宽度

，它将使用100%的窗口宽度。另一个问题是

span.select2下拉列表。select2下拉列表--下面是
select2
类的子级（从左侧移动100px）。以前不可能在不将子元素更改为
位置的情况下更改其左侧位置：固定
，但使用
变换
则是可能的。
第一个参数是100px，因为整个select2被移动了
-100px
，所以我们必须将child按100px转换到左侧，以匹配窗口左侧的位置。
您可以添加代码或问题的JSFIDLE链接吗？更好的办法是了解你的问题。你是否在试图实现这样的目标？