overflow scrollについて

overflowとは

CSSのプロパティの１つで、要素のボックスからはみ出た部分をどう扱うかを指定する。

visible：初期値。はみ出た部分がはみ出たままの状態で表示される場合がある。
hidden ：はみ出た部分が隠れる。
scroll ：はみ出た部分が隠れてスクロールできる状態になる。
auto ：ブラウザにより表示が変わる（基本的にはスクロールできる状態に）。

scroll

はみ出た部分が非表示になるが、スクロールにより表示することができるようになる。

white-space:nowrap;を指定することで、横向きにスクロールできるようにすることも可能。

<!-- html -->
<p class="menu">あいうえおあいうえおあいうえお</p>

/* css */
.menu {
    width: 50px;
    height: 50px;
    overflow: scroll;
    background: rgb(242, 173, 173);
}

参考元はこちら
(https://saruwakakun.com/html-css/basic/overflow)