@Intelix

Почему элементы input игнорируют контейнер родителя?

Здравствуйте.
Почему элементы input игнорируют контейнер родителя?
Например если button задать padding то она растянется исходя из размера div "get-inputs". А input игнорирует размер div
5d4ad0cace420406836794.png
Код: https://jsfiddle.net/ucdkvxqf/4/
  • Вопрос задан
  • 48 просмотров
Решения вопроса 2
@Jackardios
Фронтенд разработчик
*,
*::before,
*::after {
  box-sizing:border-box;
}

Поставьте и все заработает. Так происходит потому что вы указали ширину в 100% для input, но стандартный border-box у браузеров стоит content-box, который не учитывает padding и border в размер ширины
Ответ написан
Lord_Dantes
@Lord_Dantes
Стандартная разметка в HTML/CSS идет как бы по стандарту(хорошо сказал), вообще кароче если давать padding блокам то он будет идти как-бы в увеличении блока, а если писать box-sizing: border-box; то это значит что эти padding'и будут идти внутрь - если кратко. Почему и как почитайте в гугле.
form *{
    box-sizing: border-box;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы