Как сделать так, чтобы html-тег расширялся настолько, чтобы соответствовать родительской ширине?

Question

Я хочу сделать текстовое поле на моей html-странице максимально расширенным, чтобы соответствовать ширине родительского элемента. Вот изображение показывает, что я хочу.

альтернативный текст http://static.ez2learn.com/temp/css-problem.PNG

Я пытаюсь использовать width: 100%, но браузер устанавливает ширину elemnt в качестве родительской, которая не оставляет места для других элементов, их нужно поместить во вторую строку. Как я могу позволить элементу максимально расшириться, чтобы вместить все пространство в одну строку?

Спасибо.

Answer 1

Если вы хотите сделать ввод «100% за вычетом ширины тех других вещей», вы попадаете в CSS-макет.

Вы можете float: left метка, float: right обертка вокруг кнопок и установить левые и правые поля на обертке вокруг входа, а затем установить для входа значение width: 100%.

(Но, лично я, формы с жидким макетом - это одно из тех мест, где я все еще обычно прибегаю к таблицам, так как объединение серии столбцов фиксированной и переменной ширины - это то, что легко расширяет макет CSS за его пределы.)

Answer 2

Я согласен с Бобинсом.Я бы посмотрел в таблице вариант.Я бы либо выбрал значение fixed: width, которое работает для вас в таблице, либо попытался бы сделать ширину: 100% в таблице.