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

Question

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

Answer 1

width: 100%

Answer 2

Child element display block