Максимальная высота не работает с процентными значениями

У меня есть div, в котором находится ввод, который не хочет быть скрытым, когда пользователь прокручивает вверх. И в этом div - второй div, в котором находятся сообщения чата. Но первый div - это max-height в процентном соотношении, и он ошибается. Когда я помещаю туда значение в пикселях, он работает, но процентные значения - нет. Это можно исправить?

может показать нам свой код?

Frosty 28.10.2018 11:39

Это чат без сообщений ctrlv.sk/0xAm. Макс-высота там не нужна. А это чат с большим количеством сообщений ctrlv.sk/QXgc. И там максимальная высота нужна, но не работает. Извините, что я не помещаю код, но это такой длинный код.

WebCoder 28.10.2018 11:43

@Innervisions прочитал сообщение вверху.

WebCoder 28.10.2018 11:44

Я полагаю, вы говорите о чате посередине, где люди обмениваются сообщениями, и вы хотите иметь возможность прокручивать вверх и вниз?

Frosty 28.10.2018 11:47

@Innervisions конечно.

WebCoder 28.10.2018 11:48
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
5
372
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Было бы проще показать нам свой код, но я полагаю, что у контейнера чата не задана высота. Процентный max-height определяет максимальную высоту в процентах от содержащего блока, поэтому, если в вашем контейнере не установлена ​​явная высота, max-height не будет работать. Чтобы решить эту проблему, установите height в контейнере чата или используйте единицы просмотра вместо% (например: max-height: 50vh означает 50% высоты окна просмотра)

Другие вопросы по теме