select2 对齐不起作用

Question

select2-3.5.2 运行良好。但是一旦我升级到 4.0.3，它就会突然出现在页面的左侧。我正在使用jquery-UI，希望这两个能一起玩得很好。

浮动：对；对 select2-4.0.3

没有影响

    <div style="position:absolute; top:0px; left:0px; width:100%" class="ui-widget infobar-wrapper">
        <div name="ibar1" id="ibar1" class="ui-widget-header infobar">
            <select name="themes" id="themes" style="float:right;">  <!--margin-top:-3px;-->
              <option></option>
              <option value="black-tie">black-tie</option>
              <option value="trontastic">trontastic</option>
              <option value="ui-darkness">ui-darkness</option>
              <option value="ui-lightness">ui-lightness</option>
            </select>
        </div>
    </div>

我在 JS 中这样做：

$("#themes").select2({dropdownAutoWidth:true,placeholder:'Change theme'});

css:

.infobar {
    height:27px;
    font-weight:bold;
    overflow:hidden;
    border:0px;
}

Answer 1

似乎，但似乎 float 应该移动到另一个项目。

CSS

.infobar {
  height: 27px;
  font-weight: bold;
  overflow: hidden;
  border: 0px;
}

.infobar .select2-container {
  float: right;
}

工作示例：https://jsfiddle.net/Twisty/Lq7q5xxj/

select2 对齐不起作用

select2 alignment not working

javascript

jquery

jquery-ui

select2