拉伸選擇列表100％，與其他內容左對齊

Question

我希望「Hi」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標籤。你也可以擺脫第二格中的float:left。

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