ã€CSS】clearfixを使ã‚ãšã«floatを解除ã™ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚以å‰ã€floatを解除ã™ã‚‹ clearfixãƒãƒƒã‚¯ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€ã§ãã‚‹ã“ã¨ãªã‚‰ãƒãƒƒã‚¯ã¯ä½¿ã„ãŸããªã„ã¨æœ€è¿‘æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ã„ã‚ã„ã‚ã¨æ¤œè¨¼ã—ãŸçµæžœã€ä»Šå›žã”紹介ã™ã‚‹ã®ã¯ãƒãƒƒã‚¯ã‚’使用ã›ãšã«floatを解除ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã§ã™ã€‚ divã®æ§‹æˆã¯ã“ã¡ã‚‰ã€‚ boxã¨ã„ã†ã‚¯ãƒ©ã‚¹åã® div （floatを解除ã™ã‚‹ãŸã‚ã® div ）ã¯å¿…è¦ã§ã™ã€‚ cssã®ã‚½ãƒ¼ã‚¹ div.box { overflow: hidden; /* ã“ã‚ŒãŒãƒã‚¤ãƒ³ãƒˆ */ position: relative; /* IE6ã§ã‚¨ãƒªã‚¢ã‚’é¸æŠžã§ãるよã†ã«ã™ã‚‹ */ /* DreamWeaverã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ューã§æ£ã—ã表示ã•ã›ã‚‹ */ } div.left { float: left; /* å·¦ã«å¯„ã›ã¦é…ç½® */ width: 200px; } div.right { float: right; /* å³ã«å¯„ã›ã¦é…ç½® *
{{#tags}}- {{label}}
{{/tags}}