CSS 3ã«ãŠã‘ã‚‹æ–°ã—ã„レイアウト手法：ボックスレイアウト - builder by ZDNet Japanウェブページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ã€ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„サイドãƒãƒ¼ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã‚’ã©ã®ã‚ˆã†ã«é…ç½®ã™ã‚‹ã‹ãŒãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã€‚ç¾åœ¨ã€é…ç½®ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã«ã¯floatã‚„positionプãƒãƒ‘ティを利用ã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã ãŒã€CSS 3ã®ã€ŒAdvanced Layout Moduleã€ã¨ã„ã†è‰æ¡ˆã§ã¯ã€æ–°ã—ã„レイアウト手法ãŒæ案ã•ã‚Œã¦ã„る。 ã“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ‰‹æ³•ã¯ã€Œè¡Œã¨åˆ—ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚„「ボックスレイアウトã€ã¨å‘¼ã°ã‚Œã€Firefoxã¨Safariã€Google ChromeãŒå¯¾å¿œã—ã¦ã„る。 ボックスレイアウトã®æ©Ÿèƒ½ã‚’利用ã™ã‚Œã°ã€ã“ã‚Œã¾ã§ã®floatã‚„positionプãƒãƒ‘ティã§ã¯å›°é›£ã ã£ãŸã€Œæ®µã®é«˜ã•ã‚’æƒãˆãŸæ®µçµ„ã¿ã€ãªã©ã‚‚ç°¡å˜ã«ä½œæˆã§ãるよã†ã«ãªã‚‹ã€‚ ãã“ã§ä»Šå›žã¯ã€floatプãƒãƒ‘ティã¨ãƒœãƒƒã‚¯ã‚¹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’利用ã—ãŸæ®µçµ„ã¿ã‚’比較ã—ã¦ã„ã。ã¾ãŸã€CSS 3ã§æ®µçµ„ã¿ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã™ã‚‹ã€ŒMulti Columnã€ã¨ã®é•ã„も確èª
{{#tags}}- {{label}}
{{/tags}}