はてなのある特定のテーマにおける「pre記法」ではそのpre領域で縦スクロールがつかず、下にただ伸びて行くのがデフォルトとなっているものがある。このCSSのまま長い文章、例えば長いコードをpreタグ内に書くと日記が「べろりん」と長くなってしまう。それを解消するためにCSSをいじってみた。 結局はやさんの協力により以下を追加すればよいことが判明した。

.body .section pre {
/* pre領域の最大高さ */
max-height: 30em;
/* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */
overflow: auto;
}

ちなみに「.body .section」がないとうまくいかないようです。

pre記法で縦・横スクロールバーをつける方法 – 毛の生えたようなもの

ありがたい情報(__)