印刷用CSSで困ったことの紹介。

コンテンツをfloatした時、そのコンテンツを囲っているブロック要素に

「overflow: auto;」

を与えて、背景の高さを確保するように使用していた。

これを発見した時はなんと画期的なんだと、感動していたが、

これが思わぬ落とし穴だった。

作成したWEBページの印刷プレビューを見ると、

ページの内容の途中が切れてしまい表示されないことがある。

「overflow: auto;」をはずすことにより、ちゃんと表示された。

背景の高さ確保に、安易に「overflow: auto;」を使うのは危険だ。