Высота div блока в зависимости от контента.

[Grasss]

Имеется div блок (height:50px; width:400px
При наполнении контентом, высота div'а должна автоматически увеличиваться.
Нужен скрипт, который будет выполнять эту задачу.

Я пробовал min-height:50px; но если в блоке 2 строчки с текстом, то все норм, но если в блоках 8 строчек и более, то эти блоки с сообщениями начинают скакать по высоте, происходит небольшой скроллинг в окне чата (если зайти с мобильного устройства). А когда задаешь фиксированную высоту, тогда все отлично. В общем лучше видео записать, чтоб наглядно показать суть проблемы.

 

[yaroslav89]

Имеется div блок (height:50px; width:400px
При наполнении контентом, высота div'а должна автоматически увеличиваться.
Нужен скрипт, который будет выполнять эту задачу.

Я пробовал min-height:50px; но если в блоке 2 строчки с текстом, то все норм, но если в блоках 8 строчек и более, то эти блоки с сообщениями начинают скакать по высоте, происходит небольшой скроллинг в окне чата (если зайти с мобильного устройства). А когда задаешь фиксированную высоту, тогда все отлично. В общем лучше видео записать, чтоб наглядно показать суть проблемы.

скиньте исходник со скринами, что нужно сделать. уверен, можно без скрипта обойтись.

происходит небольшой скроллинг в окне чата

скролл можно отключить.... или я тут не правильно вас понял.

 

[Maximdk]

Действительно, попробуйте для скрытия скрола:

min-height: 50px; overflow: visible;