Как убрать нижний скролл CSS

Для того, чтобы убрать нижний скролл в CSS необходимо обернуть контент внутри контейнера и задать ему свойства:

overflow-x: hidden;
overflow-y: auto;

Свойство overflow-x: hidden скрывает горизонтальную полосу прокрутки, а свойство overflow-y: auto отображает вертикальную полосу прокрутки только в том случае, если контент не помещается внутри контейнера.

Также можно использовать свойство overflow: hidden, чтобы скрыть как горизонтальную, так и вертикальную полосы прокрутки, но это скроет также и часть контента, которая не помещается внутри контейнера.

Пример:

<div class="container">
  ... контент ...
</div>

<style>
  .container {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
  }
</style>

В этом примере контент будет отображаться внутри блока .container с высотой 400px. Если контент по вертикали не помещается внутри блока, то появится вертикальная полоса прокрутки, а горизонтальная будет скрыта.