Как сделать, чтобы элементы внутри блока не меняли его размер?

Question

[Айнур Ярулин]

Здравствуйте, вообщем учусь делать чат и возникло несколько проблем.
В моём случае высота чата не фиксированная и поэтому возникает такой косяк, когда сообщений становится много, они увеличивают высоту блока. Можно как-то сделать так, чтобы сообщения не увеличивали размер чата? Чтобы они просто обрезались

Answer 1

[Антон Литвиненко]

Обертке чата высоту задаете нужную например 100vh и overflow-y: auto. Тогда будет добавляться скролл чтобы можно было листать весь чат

Comments

[Айнур Ярулин]

Я как раз хочу сделать так, чтобы не было фиксированной высоты.

[Антон Литвиненко]

squadbrodyaga, любопытно, вы хотите чтобы блок не увеличивался, но при этом не хотите задать высоту. А как по вашему это должно работать?

[Айнур Ярулин]

ну типо сейчас высота блока равна 100%, а если делать фиксированную высоту, то придётся искать очень точное значение, чтобы было красиво, а я бы хотел как-то более элегантно

[Антон Литвиненко]

squadbrodyaga, так я вам и предложил задать высоту равной высоте экрана. Или плясать от нее через calc, если нужны отступы на хедеры-футеры итд.
Вот вам пример https://antonlitvin.github.io/chatty/app/
нужно только еще пару сообщений отправить, чтобы вылезли за блок.

Answer 2

[Икотий Айтишевич]

Только если задать фиксированную высоту и свойство overflow: hidden.