CSSで画面の一部だけをスクロール可能にする

デザイン的には諸刃の剣な感じがしますが、
新着情報やちょっとした一覧など、特定部分のみをスクロールさせたいとき。

スタイルに「overflow: auto;」もしくは「overflow: scroll;」を入れればOKです。
ただし、heightを指定しておく必要あり。
（ここでheightにパーセンテージ指定を使用したい場合は、
　上位要素のheightも指定する必要があることに注意）

尚、「auto」は必要なときだけスクロールバーが表示され、
「scroll」は強制的にスクロールバーが表示されます。

<div style="width: 200px; height: 50px; overflow: auto;">
内容
</div>

サンプル

あいうえお
かきくけこ
さしすせそ
たちつてと
なにぬねの
はひふへほ

みかんおいしい