CSSの「height:100%」について - webデザイナーのナナメガキ

テクノロジーカテゴリーの変更を依頼記事元:

loconet.web2.jp

69 usersがブックマークコメント

コメント

16

記事へのコメント16件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

CSSの「height:100%」について - webデザイナーのナナメガキ

CSSのみでブラウザの表示枠ぴったりにレイアウトしたい時、どうしたらよいか。テーブルレイアウトの場... CSSのみでブラウザの表示枠ぴったりにレイアウトしたい時、どうしたらよいか。テーブルレイアウトの場合は大枠を<table width=”100%” height=”100%”>にすればOKだった。CSSの場合ちょっと癖があり、横幅は100%でぴったりいくのだが、中身のボックス要素を「height:100%」で指定しても、その要素そのものの高さにしかならない。サンプル（横幅のみ表示枠ぴったり）なぜかというと、この高さの指定は親要素の高さに依存するものだからだ。（参考：height: n%;の正しい仕様 – Web標準普及プロジェクト）なので親要素である”<html></html>”と”<body></body>”の高さを100%に指定すると、ブラウザの表示枠ぴったりにはめることができる。サンプル（縦横表示枠ぴったり） html,body{ height: 100%; } これを応用して

ブックマークしたユーザー

sadah2014/06/28
polyhound2014/03/26
dkyktt2014/02/27
nilab2014/01/30
peltier2013/11/16
tomtom352013/10/12
yoyo91402013/08/22
cancer62013/06/20
tatarhy2013/02/14
amashio2013/01/17
kaz492012/09/06
fukudamasa092012/03/02
TamaC2012/03/01
solaio2012/02/21
kat_cloudair2012/02/10
ricopinx2011/12/28
Leonk2011/11/11
amada7172011/10/23

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx