要素内の溢れたコンテンツを表示するには、CSSでスクロールバーを使用する方法を教えてください

スクロールバーを要素に追加してオーバーフローしたコンテンツを表示するには、CSS の overflow プロパティを使用できます。

例えば、要素内に垂直スクロールバーを追加する場合、要素のoverflow-yプロパティをscrollに設定できます。

.element {
overflow-y: scroll;
}

スクロールバーはコンテンツがあふれた場合のみ表示する場合は、autoに設定できます。

.element {
overflow-y: auto;
}

同样地，可以将overflow-x属性设置为scroll或auto来添加水平滚动条。

水平と垂直のスクロールを同時に有効にするには、overflowプロパティを使用します。

.element {
overflow: scroll;
}

スクロールバーでオーバーフローを表示させる場合は、要素の高さや幅がある数値内に収まるようにしないと、スクロールバーが表示されません。固定された高さや幅、max-height、max-width などの属性を使用して要素のサイズを制限するのが一般的です。