overflowとは
CSSのプロパティの1つで、要素のボックスからはみ出た部分をどう扱うかを指定する。
visible
:初期値。はみ出た部分がはみ出たままの状態で表示される場合がある。
hidden
:はみ出た部分が隠れる。
scroll
:はみ出た部分が隠れてスクロールできる状態になる。
auto
:ブラウザにより表示が変わる(基本的にはスクロールできる状態に)。
auto
はみ出た部分の処理をブラウザに委ねることになる。ほとんどの場合はscrollと同じくスクロールに。
<!-- html -->
<p class="menu">あいうえおあいうえおあいうえお</p>
/* css */
.menu {
width: 50px;
height: 50px;
overflow: auto;
background: rgb(242, 173, 173);
}