jQuery Mobile的选择和按钮内嵌

Question

我想有一个选择菜单和按钮内嵌，宽度相同周边线，看到这一点： http://jsbin.com/hibatehepe/edit?html,output

这与现场容器内进行，而是选择菜单应该更宽。 有什么想法吗？

Answer 1

你可以看一下这个问题：在此基础上codepen

How to make a div to fill a remaining horizontal space?

mystrdat的回答是：http://codepen.io/anon/pen/mdoej可以为你工作。

你基本上使用float：right在右侧保持固定宽度的按钮，然后select的容器自动填充可用宽度。 （注：我只使用内联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> 

Updated jsbin