Почему вход перекрывает кнопку?Html

Программисты Html
Ответить
Anonymous
 Почему вход перекрывает кнопку?

Сообщение Anonymous »

Я не знаю, почему входная коробка превосходит свой контейнер и перекрывается на кнопку, даже если ширина составляет 100%. Я бы хотел, чтобы входной коробс был прямо рядом с кнопкой без пробела между ней, в то время как ширина входного ящика такая же, как и его контейнер. < /P>




Practice


.parent{
display: flex;
flex-direction: row;
}

.child-1{
flex: 1;
}

.input-box{
width: 100%;
}

.child-2{
width: 100px;
}







Click me




< /code>
Я попытался установить ширину на 99%, но это вызывает небольшой разрыв, и добавление любых границ к входной коробке вообще не перемещает и не изменяет размер входной коробки. Кроме того, превращение входного элемента на что -то другое, например кнопка, исправляет проблему. Я не знаю, какое свойство или код входного элемента вызывает это?

Подробнее здесь: https://stackoverflow.com/questions/796 ... the-button
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»