Jquery移动选择和按钮内联

Question

我想有一个选择菜单和一个按钮内联，宽度相同的周围行，看看这个:http://jsbin.com/hibatehepe/edit?html,输出

这里是用field-container完成的，但是选择菜单应该更宽。有什么想法吗?

Answer 1

你可以看看这个问题:

如何使div填充剩余的水平空间?

mystrdat基于此代码的答案:http://codepen.io/anon/pen/mdoej可以为您工作。

你基本上使用float: right保持按钮的固定宽度一直在右边，然后选择的容器自动填充可用的宽度。(注意:我只使用内联CSS来快速说明答案，你应该使用CSS类):

<div class="ui-field-contain">
  <label for="b" class="select">Vælg kategori:</label>
  <div >
    <div style="float: right; padding-left: 0.5em;" >
      <a href="#" class="ui-btn ui-shadow ui-btn-inline ui-icon-plus ui-btn-icon-right ui-corner-all" data-inline="true">Tilføj</a>
    </div>
    <div style="overflow: auto;">
      <select size="1" name="b" id="b" data-native-menu="false">
        <option value="choose-one" data-placeholder="true">MAKE ME WIDE</option>
      </select>
    </div>
  </div>
</div>

更新jsbin