Input внутри div?

Question

[BMRasdasd]

Делаю логин входа , помещаю input внутри div , при уменьшении ширины div, input не уменьшается вместе с ним , wtf, голову скоро сломаю

Comments

[Anonymous]

задайте инпуту display: block;

[Ankhena]

Если вы сказали инпуту, что он должен занимать всю ширину div (width: 100%), то проблемы могут быть из-за неподходящего box-sizing.

Так всё должно прекрасно работать

<div>
  <input type="text">
</div>

div {
  width: 50vw;
  border: 2px solid red;
  box-sizing: border-box;
}

input {
  width: 100%;
  box-sizing: border-box;
}

Если нет, то выкладывайте свою проблему на codepen.io

Answer 1

[Сергей delphinpro]

input {
  width: 100%;
}

Comments

[BMRasdasd]

Он у меня внутри div находится , я меняю ширину div и по идее строчный тег input тоже должен под него подстраиваться , но этого не происходит