Почему для input резервируется место?

Question

[r_g_b_a]

Здравствуйте.
В примере jsfiddle.net ширина input составляет 20px. Почему для него резервируется место (красный фон) так, если бы я и не задавал минимальную ширину?

Answer 1

[Антон Федорян]

Атрибут size

Comments

[r_g_b_a]

У меня в примере в поля нету атрибутов.
Даже если браузер по умолчанию задает какую-то ширину, вопрос в другом - почему для поля шириной 20px резервируется столько пустого места?

[Антон Федорян]

r_g_b_a,

Значение по умолчанию = 20

добавь атрибут, например, size="5" и увидишь разницу

Answer 2

[Одиночка Айс]

Инпут не причем, разберитесь с флексами для начала. Можете поэкспериментировать с flex-basis, а еще лучше перечитать про него - https://developer.mozilla.org/ru/docs/Web/CSS/flex...

Answer 3

[fallus]

Вместо min-width задайте max-width и вновь расцветут цветы под окном.
Инпут растягивается просто, потому как контейнер флексит.