overflowとは
CSSのプロパティの１つで、要素のボックスからはみ出た部分をどう扱うかを指定する。
visible：初期値。はみ出た部分がはみ出たままの状態で表示される場合がある。hidden：はみ出た部分が隠れる。scroll：はみ出た部分が隠れてスクロールできる状態になる。auto：ブラウザにより表示が変わる（基本的にはスクロールできる状態に）。
visible
<!-- html -->
<p class="menu">あいうえおあいうえお</p>
/* css */
.menu {
width: 50px;
height: 50px; /* heightを指定しなければはみ出ない。 */
overflow: visible; /* visibleは初期値の為、書かれていなくても同じ表示になる。 */
background: rgb(242, 173, 173);
}
・white-space: nowrap;
heightを指定せずに、white-space: nowrap;を指定することで、横にはみ出るようになる。white-space = 行の折り返しを決めるプロパティnowrap = 自動的に改行しないnormal = 右端で折り返す
<!-- html -->
<p class="menu">あいうえおあいうえお</p>
/* css */
.menu {
white-space: nowrap;
width: 50px;
overflow: visible; /* visibleは初期値の為、書かれていなくても同じ表示になる。 */
background: rgb(242, 173, 173);
}
