Как заставить тег HTML расшириться как можно больше для установки родительской ширине?
Я хочу сделать текстовое поле в своей странице HTML для расширения как можно больше для установки родительской ширине. Вот является изображение шоу, что я хочу.
(источник: ez2learn.com)
Я пытаюсь использовать ширину: 100%, но браузер устанавливает ширину элемента как его родитель, который потеснился для других элементов, они имеют быть помещенными во вторую строку. Как я могу позволить элементу для расширения как можно больше для приспосабливания всего пространства в одной строке?
Спасибо.
2 ответа
Если вы хотите сделать ввод "100% минус ширина этих других вещей", то вы занимаетесь CSS-макетами.
Вы можете float: left метку, float: right обертку вокруг кнопок, и установить левое и правое поля на обертке вокруг ввода, затем установить для ввода width: 100%.
(Но лично для меня формы с жидкой версткой - это одно из мест, где я все еще обычно прибегаю к таблицам, поскольку сочетание ряда колонок фиксированной и переменной ширины - это то, что легко выводит CSS-верстку за ее пределы)
.Я согласен с bobince. Я бы рассмотрел вариант с таблицей. Я бы либо выбрал фиксированную:ширину, которая работает для вас в таблице, либо попытался бы сделать ширину:100% в таблице.