Скажем, у меня есть следующий неупорядоченный список. Кнопка имеет width: auto
. Как я стилю элементы, поэтому #textField
будет растягиваться как можно больше, поэтому ширина #textField
и кнопка будут содержать до 100%? То есть #textField
width == (100% ширины) - (вычисленная ширина кнопки).
<ul>
<li>
<input id="textField" type="text" /><input type="button" />
</li>
</ul>
Итак, допустим, 100% -ная ширина li
равна 100 пикселям: если вычисленная ширина кнопки составляет 30 пикселей, ширина #textField
будет 70 пикселей; если вычисленная ширина кнопки составляет 25 пикселей, ширина #textField
будет равна 75px.