Мобильная версияЭто пример чат-бота, который я разрабатываю, и я хочу, чтобы чат-бот расширялся на весь экран прямо сейчас. Я установил высоту чата на 440 пикселей; и если я изменю высоту контейнера чата на 100% или 90%, поле ввода и соответствующая кнопка отправки опускаются (мне нужно прокрутить, чтобы увидеть поле поля ввода). Мне нужно, чтобы оно всегда фиксировалось внизу < /п> body { семейство шрифтов: «Segoe UI», Tahoma, Женева, Вердана, без засечек; маржа: 0; заполнение: 0; цвет фона: #ecedf6b9; цвет: #000; выравнивание текста: по центру; размер шрифта: 16 пикселей; } основной { ширина: 100%; высота: 100вх; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; } кнопка { цвет фона: #D5ECFB; белый цвет; отступ: 10 пикселей 20 пикселей; граница: нет; курсор: указатель; } .attachment-значок { ширина: 20 пикселей; высота: 20 пикселей; } #чат-контейнер { ширина: 100%; поле: 20 пикселей; цвет фона: rgba(241, 241, 245, 255); отступ: 10 пикселей; переполнение-у: авто; переполнение-х: скрыто; дисплей: гибкий; гибкое направление: столбец; } #чат { стиль списка: нет; заполнение: 0; маржа: 0; высота: 440 пикселей; переполнение-у: авто; ширина: 100%; черный цвет; } #input-container { дисплей: гибкий; отступ: 5 пикселей; выровнять-элементы: по центру; положение: относительное; } #input-message { гибкий: 1; отступ: 10 пикселей; граница: нет; радиус границы: 2 пикселя; } #кнопка отправки, #attach-кнопка { ширина: 20 пикселей; высота: 20 пикселей; граница: нет; радиус границы: 2 пикселя; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; цвет фона: #d5ecfbf6; курсор: указатель; поле сверху: 4 пикселя; отступ: 13 пикселей; позиция: абсолютная; } #кнопка отправки { поле справа: 5 пикселей; } #input-message:focus { контур: нет; чат-бот
Мне нужно, чтобы чат-бот реагировал на запросы, это уже так, но когда я пытаюсь свернуть его по вертикали, мне приходится прокручивать вниз, чтобы увидеть поле ввода. Мне нужно, чтобы оно всегда было зафиксировано внизу, а также кнопку отправки. рядом с ним. Может кто-нибудь помочь мне с этим
