要素の幅や高さを指定し、スクロールする形でコンテンツを表示させる設定方法を解説します。 この記事のポイント 要素内のスクロールバーの表示を制御する 縦スクロールバーと横スクロールバーを分けて制御する 要素の中に入っているコンテンツが親要素の中に収まらない場合は、次のようにスクロールバーを表示することができます。 iframe要素の表示と似ています。 要素内のスクロールバー表示例 コード例 <style> section { overflow: scroll; margin: 50px auto 20px; padding: 25px; width: 300px; height: 200px; border: 2px solid #ccc; } h1 { min-width: 400px; } p { min-width: 400px; } figure { width: 400px; }