Форма PHP расширяется из желаемой высоты блока в HTML

Question

У меня возникла небольшая проблема, и я не понимаю, как ее решить (либо потому, что я действительно тупой, либо мои навыки поиска в Google проблематичны).

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

Однако, когда я не заполняю пробелы, форма PHP должна отображать строку «Пожалуйста, заполните необходимые пробелы» внутри самой формы.

Проблема в том, что всякий раз, когда это происходит, вся форма расширяется, и HTML в итоге выглядит испорченным.

Можно ли как-нибудь уместить мою форму PHP в поле HTML, не увеличивая ее без необходимости?

Мои размеры для стороны HTML имеют ширину 651 и высоту 351.

Answer 1

Ящики в HTML / CSS не будут расширяться, чтобы соответствовать содержимому, если вы дадите им явные размеры. Их размеры являются только динамическими в определенном направлении, если вы не указали размер в этом направлении. Поле с высотой 600 пикселей всегда будет иметь высоту 600 пикселей независимо от того, требуется ли контенту больше места, чем это.

У вас есть несколько вариантов здесь. Первый и самый очевидный - не указывать явную высоту контейнера. Если вы сделаете это, то контейнер изменится по размеру вертикально, чтобы соответствовать его содержимому.

Другой вариант - установить поведение переполнения на поле с помощью CSS. Вы можете установить overflow: hidden (который будет отбирать любой контент, переполняющий блок и скрывать его) или overflow: auto (который добавит полосу прокрутки в блок, если его содержимое переполняет блок) Наконец, вы можете установить overflow: scroll, что означает, что в окне всегда будет полоса прокрутки, независимо от того, нужна она или нет.