Знатокам CSS. Заставить input:text вести себя по-блочному

[akxxiv]

Знатокам CSS. Заставить input:text вести себя по-блочному

Господа, айнидхелп.

Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы

<div class="widht-300px">
       <div class="float-left">Здесь будет лэйбл</div>
       <input type="text" class="block" />
</div>

Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?

 

[MuXaJIbI41981]

display: block

 

[c0dex]

Вообще, на сколько мне не изменяет память, все элементы по-умолчанию ведут себя блочно.

 

[akxxiv]

display: block не помогает. Ширина остается дефолтная для форм.

 

[c0dex]

Могу предложить дрочерский способ, по-другому пока не придумал как сделать, чтобы инпут не вылезал за граничные 300px. Надо?

 

[_-ohotNik-_]

если очень надо можно как новичок - указать size="длина"

 

[c0dex]

_-ohotNik-_
size тут не поможет.
Автор уже получил ответ на другом форуме.

 

[Avenus]

В css прописать класс:

.widht-300px input{width:100%;}

 

[akxxiv]

Если честно, я вышел из положения с помощью JavaScript, просто рассчитывал длину инпутов после загрузки страницы.

 

[c0dex]

akxxiv
Я хотел предложить тебе сей вариант, но счет его задротским))

Avenus
Автор топика не хотел ставить инпуту 100% ширину.

 

[akxxiv]

Да не такой уж задротский. Несколько строк кода. А если учесть что после заполнения и опр. преобразований этот HTML конвертится в PDF, то данный вариант становится еще более привлекательным )))