假设我有以下无序列表。按钮具有width: auto
。如何为元素设置样式,以便#textField
尽可能地拉伸,使#textField
的宽度和按钮的宽度加起来等于100%?也就是说,#textField
的宽度==(宽度的100%)-(按钮的计算宽度)。
<ul>
<li>
<input id="textField" type="text" /><input type="button" />
</li>
</ul>
所以,例如,假设 li
的宽度为 100 像素:如果按钮的计算宽度为 30px,则#textField
的宽度为 70px;如果按钮的计算宽度为 25px,则#textField
的宽度将变为 75px。
table
或JavaScript”,这一点乍一看可能并不明显。 - PointedEars