Css как сделать скролл?

Скролл не берётся из воздуха, его настройка через overflow.

• overflow: auto — прокрутка появляется только когда контента больше, чем влезает.
• overflow: scroll — полоса торчит всегда, даже если скроллить нечего, выглядит криво.
• overflow-y для вертикали, overflow-x для горизонтали, не путай.
• Без высоты у контейнера overflow не сработает, блок просто раздуется и всё.
• Хочешь скрыть полосу, но оставить прокрутку — прячь её через ::-webkit-scrollbar, но это костыль, не универсальное решение.
• На мобилках скролл и так работает пальцем, overflow нужен для десктопных контейнеров типа чата или списка. Ставь высоту, ставь overflow, не жди чуда.

Скролл в CSS появляется через свойство overflow. Если контент выше блока по высоте, задайте контейнеру фиксированную высоту и overflow-y: auto — тогда полоса прокрутки покажется сама, как только содержимое не влезает. Если высоты у родителя нет, добавьте max-height, иначе блок просто растянется и скроллить будет нечего. Для горизонтальной прокрутки используйте overflow-x вместо overflow-y.