コードブロックの縦スクロールバー

解決したいこと

縦長のコードブロックに縦スクロールバーを表示させてコードブロックの縦の表示長さを制限したいです。

CSSで以下のように記述しています。VSCODEのプレビューではスクロールバーが表示されますが、Qiitaでは表示されません。もし縦スクロールの設定をご存じの方がいらっしゃいましたら解決方法を教えてください。

試してみたCSSの設定

<div style="max-height: 500px; overflow: auto; border: 1px solid #ccc; padding: 10px; background-color: #f6f8fa;">

ここにトリプルバッククオートでコードブロックを記述

</div>