ãƒã‚¬ãƒ†ã‚£ãƒ–マージン å³å´ã‚’固定幅ã«ã—ãŸãƒªã‚ッドレイアウト - bnotefloatを使ã£ãŸ2段組ã§ã€å³å´ãŒæ¨ªå¹…固定ã§ã€å·¦å´ãŒç”»é¢æ¨ªå¹…ã®æ®‹ã‚Šã‚’å¯å¤‰ã§ã¨ã„ã†ã“ã¨ã‚’ã—ãŸã„ã¨ã〠ã©ã†ã—ãŸã‚‰å®Ÿç¾ã§ãã‚‹ã®ã§ã—ょã†ã€‚ 例ãˆã°ã€å·¦å´ã‚’å¯å¤‰ã§å³å´ã‚’200pxã¨ã—ãŸå ´åˆã€å·¦å´ã® width ã«100% - 200px ã¨æŒ‡å®šã§ãã‚Œã°å•é¡Œãªã„ã®ã§ã™ãŒ ã“ã®ã‚ˆã†ãªæŒ‡å®šã¯ã§ããã†ã«ã‚ã‚Šã¾ã›ã‚“。 ã“れを解決ã™ã‚‹æ–¹æ³•ãŒ ãƒã‚¬ãƒ†ã‚£ãƒ–マージン ã«ãªã‚Šã¾ã™ã€‚ [å‚考:Creating Liquid Layouts with Negative Margins] å¯å¤‰ã«ã—ãŸã„ã»ã†ã®æ®µã®widthã‚’100%ã¨ã—ã€marginをマイナスã®ãƒ”クセルを指定ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ リã‚ッドレイアウト を実ç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€ä¸Šè¨˜ä¾‹ã®ã‚ˆã†ãªå ´åˆã€å·¦å´ã®æ®µã« width ã‚’ 100% ã¨ã—ã€margin-right ã‚’ -200px 㨠float:left を指定ã—ã¾ã™ã€‚ å·¦å´ã®æ®µã® width 㯠1
{{#tags}}- {{label}}
{{/tags}}