CSS で div 要素の高さ（height）を 100% にしてブラウザ・ウィンドウの高さ一杯（ページ一杯）に背景色（background-color）やボーダー（border）を適用させるための Tips。

ページ内のコンテンツが少なく、でも背景やボーダー（枠線）はページの一番下まで表示させたい時がありますよね。

デザインにもよると思いますが、必要なモノが足りていないのは寸足らずのパンツのように格好良いモノではありません。

ビジネスマン（営業マン）のスーツが七分丈では、まとまる商談もこじれてしまう可能性だってあります。

七分丈ならまだしも、膝小僧丸出しの、わんぱくそうなビジネスマンに大きな仕事を任せられるでしょうか？

そのビジネスマンが一見わんぱくそうに見えて、実は仕事は滅茶苦茶出来る方だったとしても、ホットパンツでは出世も遅れるはずです。

外見より中身が重要なのは、人もWebページも一緒だと思うのですが、外見だって大切だと思うのです。

このページをご覧頂いている方には、どうか商談中にホットパンツの端から金の玉をチラつかせるようなわんぱく過ぎるビジネスマン、もとい寸足らずな Web ページを作らない Web 制作者であって欲しいと切に願っています。

コンテンツ量に関わらず、ブラウザ・ウィンドウの下まで、しっかりと背景や罫線を表示させたい方は続きをどうぞ。

続きを読む ≫