如何使一个 inline-block 元素的子元素自动填充

<span>xxx</span><span style="display:inline-block; width: 50%;">...</span><span>xxx</span>
其中，第二个 span 中放了一个 <input>
问： 怎么让 input 自动填充满它上级的 span ？

---

子元素display block

---

width: 100%