divの高さをページの一番下まで伸ばす〜CSS - 素材の壺
【概要】 divに指定した背景画像をコンテンツの内容に関係なくページ一番下まで伸ばす方法。 「HTML」 <html> <body> <div class="box">ボックスの高さを100%に</div> </body> </html> 「CSS」 html{ height:100%; } body{ margin: 0; padding: 0; height:100%; } body > .box { height: auto; } .box{ height:100%; min-height:100%; } divに何も指定していない状態だとコンテンツの内容によってボックスは下に伸びていきますが、高さをmin-height: 100%;と指定する事で最低限の高さが100%になるため、ページの一番下までボックスを伸ばす事が出来ます。 これに加えて「html」「body」にもheight:
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
