[CSS]パーセントã§æŒ‡å®šã•ã‚ŒãŸæ£ç¢ºãªã‚µã‚¤ã‚ºãŒä¸æ˜Žãªè¦ç´ を天地左å³ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å¤©åœ°å·¦å³ã®ä¸å¤®ã«é…ç½®ã—ãŸã„è¦ç´ ã®ã‚µã‚¤ã‚ºãŒå¹…も高ã•ã‚‚ピクセルã§æŒ‡å®šã•ã‚Œã¦ã„ã‚Œã°ã€marginã‚„paddingã§ç°¡å˜ã«é…ç½®ã§ãã¾ã™ãŒã€ã‚µã‚¤ã‚ºæŒ‡å®šã«ãƒ‘ーセントを使用ã—ãŸè¦ç´ ã ã¨è¡¨ç¤ºã‚µã‚¤ã‚ºã«ä¾å˜ã•ã‚Œã¦ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚Šã¾ã›ã‚“。 ãã‚“ãªãƒ‘ーセントã§æŒ‡å®šã•ã‚ŒãŸãƒ”クセルã§ã®æ£ç¢ºãªã‚µã‚¤ã‚ºãŒä¸æ˜Žãªè¦ç´ を天地左å³ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ デモページ：幅780pxã§è¡¨ç¤º HTML HTMLã¯ã‚·ãƒ³ãƒ—ルã§ã€ä¸å¤®ã«é…ç½®ã™ã‚‹divè¦ç´ ã ã‘ã§ã™ã€‚ <body> <div>Percentage sized and still centered.</div> </body> CSS ã±ã£ã¨æ€ã„ã¤ã方法ã¨ã—ã¦ã¯ãƒ‘ーセントをãƒã‚¬ãƒ†ã‚£ãƒ–マージンã§ä½¿ãˆã°ã„ã„ã®ã§ã¯ã€ã¨ãªã‚‹ã¨ã“ã‚ã§ã™ãŒã€ãƒã‚¬ãƒ†ã‚£ãƒ–マージンを使用ã™ã‚‹ã¨å·¦å³ã®ä¸å¤®ã¯ã§ãã¾ã™ãŒã€å¤©åœ°ã®ä¸å¤®ãŒã†ã¾ãã„ãã¾ã›ã‚“。 ã“ã“ã§ã¯ãƒã‚¬ãƒ†ã‚£ãƒ–マージンã§ã¯ãªãã€
negative
[CSS]ãƒã‚¬ãƒ†ã‚£ãƒ–マージンã®ç†è§£ã‚’æ·±ã‚ã€æ´»ç”¨ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSSレイアウトテクニック"å½è£…絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル
{{#tags}}- {{label}}
{{/tags}}