CSSのoverflowでボックスにスクロールバーを表示する方法 [ホームページ作成] All AboutCSSのoverflowでボックスにスクロールバーを表示する方法スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。 スクロールバー付きボックスで、狭い面積の領域に多くの情報を詰める 表示面積を狭く限定したボックスで、スクロールバーを使って続きを読めるようにしたデザインは、新着情報や更新履歴のように「広い面積を占有させたくはないが、多くの情報を列挙しておきたい」という内容を掲載する際に便利です。 例えば下図では、赤色の点線で囲まれたボックスの右端にスクロールバーが見えています。このスクロールバーを使って下
![CSSのoverflowでボックスにスクロールバーを表示する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/111acdf0d523ab426adc0040fa3ffd0dfcac67af/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F6%2F5%2Ftopimg_original.png)
