拉伸选择列表100％，左对齐其他内容

Question

我想要＆＃34;嗨＆＃34; div为20px宽，并且精确地浮动在选择列表的左侧。我希望选择列表占用剩余的宽度。

<div style="overflow:auto;width:100%;">
    <div style="float:left;width:20px;">
        Hi
    </div>
    <div style="float:left;">
        <select style="width:100%">
            <option value="United States">United States</option>
        </select>
    </div>
</div>

Answer 1

在第二个width:calc(100% - 20px);和div标记中使用select。你也可以摆脱第二个div中的float:left。

示例：http://codepen.io/anon/pen/LpLjKx