http://www.designwalker.com/2009/01/web-layout.html
CSSã®ã€Œheight:100%ã€ã«ã¤ã„㦠- webデザイナーã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
CSSã®ã¿ã§ãƒ–ラウザã®è¡¨ç¤ºæž ã´ã£ãŸã‚Šã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãŸã„時ã€ã©ã†ã—ãŸã‚‰ã‚ˆã„ã‹ã€‚ テーブルレイアウトã®å ´åˆã¯å¤§æž ã‚’<table width=â€100%†height=â€100%â€>ã«ã™ã‚Œã°OKã ã£ãŸã€‚CSSã®å ´åˆã¡ã‚‡ã£ã¨ç™–ãŒã‚ã‚Šã€æ¨ªå¹…ã¯100%ã§ã´ã£ãŸã‚Šã„ãã®ã ãŒã€ä¸èº«ã®ãƒœãƒƒã‚¯ã‚¹è¦ç´ を「height:100%ã€ã§æŒ‡å®šã—ã¦ã‚‚ã€ãã®è¦ç´ ãã®ã‚‚ã®ã®é«˜ã•ã«ã—ã‹ãªã‚‰ãªã„。サンプル（横幅ã®ã¿è¡¨ç¤ºæž ã´ã£ãŸã‚Šï¼‰ ãªãœã‹ã¨ã„ã†ã¨ã€ã“ã®é«˜ã•ã®æŒ‡å®šã¯è¦ªè¦ç´ ã®é«˜ã•ã«ä¾å˜ã™ã‚‹ã‚‚ã®ã ã‹ã‚‰ã 。（å‚考：height: n%;ã®æ£ã—ã„仕様 – Web標準普åŠãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼‰ ãªã®ã§è¦ªè¦ç´ ã§ã‚ã‚‹â€<html></html>â€ã¨â€<body></body>â€ã®é«˜ã•ã‚’100%ã«æŒ‡å®šã™ã‚‹ã¨ã€ãƒ–ラウザã®è¡¨ç¤ºæž ã´ã£ãŸã‚Šã«ã¯ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ã‚µãƒ³ãƒ—ãƒ«ï¼ˆç¸¦æ¨ªè¡¨ç¤ºæž ã´ã£ãŸã‚Šï¼‰ html,body{ height: 100%; } ã“れを応用ã—ã¦
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}