「CSS」overflow プロパティを使う方法

2014年1月5日2020年10月19日

説明
CSS の overflow プロパティは、要素の内容が多すぎてブロック整形コンテキストに収まらない場合にどうするかを設定します。
構文
overflow: visible;
overflow: hidden;
overflow: scroll;
overflow: auto;
使用例
div {
width: 12em;
border: dotted;
overflow: visible;
}
div { overflow: hidden; /* スクロールバー表示なし */ }
div{ overflow: scroll; /* 常にスクロールバーを表示 */ }
div { overflow: auto; /* 必要に応じてスクロールバーを追加 */ }