width: auto для полей

Вопрос CSS для новичков. Я думал, что width: auto для элемента display: block означает «заполнить доступное пространство». Однако для элемента это не так. Например:

<body>
<form style='background-color:red'>
<input type='text' style='background-color:green;display:block;width:auto'>
</form>
</body>

Тогда два вопроса:

  1. Есть ли точное определение того, что означает width: auto? Спецификация CSS кажется мне расплывчатой, но, возможно, я пропустил соответствующий раздел.

  2. Есть ли способ добиться моего ожидаемого поведения для поля ввода - т.е. заполнять доступное пространство, как это делают другие элементы уровня блока?

Спасибо!

107
задан Ben 14 April 2012 в 04:50
поделиться