CSSレイアウトテクニック"å½è£…絶対指定" - A List Apart | エンタープライズ | マイコミジャーナルA List Apart - Faux Absolute Positioning CSSã§ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•ã¯å¤§ããã‚ã‘ã¦floatを使ã†æ–¹æ³•ã¨çµ¶å¯¾ä½ç½®ã§æŒ‡å®šã™ã‚‹2ã¤ã®æ–¹æ³•ãŒã‚る。多ãã®ã‚µã‚¤ãƒˆã§ã¯ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’ä¼´ã†ã‚«ãƒ©ãƒ レイアウトを採用ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„。絶対ä½ç½®æŒ‡å®šã§ã¯ç¸¦æ–¹å‘ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæˆé•·ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãƒ•ãƒƒã‚¿ã®ä½ç½®ã‚’指定ã§ããªã„ã¨ã„ã†å•é¡ŒãŒã‚る。ã“ã®ãŸã‚floatレイアウトを使ã†ã‚ã‘ã ãŒã€ã“ã¡ã‚‰ã§ã¯äºˆæœŸã—ãªã„コンテンツã®å†…容変更ã«ã‚ˆã£ã¦äºˆå®šã—ã¦ã„ãŸãƒã‚¸ã‚·ãƒ§ãƒ³ã‹ã‚‰ãšã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚る。ã¨ãã«IEã§ã¯widthã®æŒ™å‹•ã«å•é¡ŒãŒã‚ã‚‹ãŸã‚制御ã™ã‚‹ã®ãŒãã‚ã‚ã¦é›£ã—ã„ã¨ã„ã†çŠ¶æ³ã 。 Eric Solæ°ã¯ã“ã†ã—ãŸç¾çŠ¶ã«å¯¾ã—ã¦æ–°ã—ã„指定手法を考案ã—ãŸã¨ã—"Faux Absolute Positioning"ã¨ã—ã¦A List Apartã«ãŠã„ã¦ç´¹ä»‹ã—ã¦ã„る。åŒæ°ã¯ã‚ˆã‚Šè‡ªç”±ã«ãƒ‰ãƒ©ãƒƒã‚°
CSS - dtã‚’floatã™ã‚‹å ´åˆã®æ³¨æ„点 | Try | d-spica
{{#tags}}- {{label}}
{{/tags}}