ボックス領域からはみ出した内容の表示方法を指定する「overflow」プロパティ

最近のブログで「ブラウザにソースコードをそのまま表示する基本的な方法」についてメモりました。そこでHTMLの文字実体参照変換や<pre><code>タグについて書きました。今回はスタイルシートを使ったソースコード（ソースコードでなくてもいいのですが…）を入れる器についてのメモです。
表示するソースコードが大量になる場合や１行が長い時の横幅をはみ出してしまう場合は折り返してしまったりするので、その辺りの対処をするためのまとめです。

ブラウザにソースコードをそのまま表示する基本的な方法

Bloggerでブログを書いているわけですが、ソースコードをそのまま表示する際などはHTMLに直書きした方が思いどうりに出来ていいですよね。その際の基本的な方法の覚書メモです。ソースコードをハイライト表示できるライブラリとして「SyntaxHighlighter」や「google-code-prettify」などがあります。見栄えを考えるとこういったツールを使った方がいいですね。でも、今回は基本中の基本としてソースコードをそのままブラウザに表示する方法についてまとめました。