JavaScriptã§clearfixã¿ãŸã„ãªã‚‚ã®ã‚’実装ã™ã‚‹å®Ÿé¨“ - ã‚ã¨å‘³clearfixã®è¨˜è¿°ã‚’見ã¦ã¦ã€contentプãƒãƒ‘ティã§å†…å®¹è¿½åŠ ã—ã¦ã€blockã«ã—ã¦ã€é«˜ã•ã‚’消ã™ã¨ã‹ã‚„ã£ã¦ã‚‹ã®ã§ã€JavaScriptã§ã‚‚ã§ãã‚‹ã‚“ã˜ã‚ƒã？ã¨æ€ã£ãŸã‚‰ã€å®Ÿéš›ã§ããŸã®ã§ã€å®Ÿç”¨æ€§ã¯æŠœãã«ã—ã¦ãƒ¡ãƒ¢ã¨ã—ã¦æŠ•ç¨¿ã—ã¦ãŠãã¾ã™ã€‚ CSSã§ã®clearfixã®è¨˜è¿° ã„ã‚ã„ã‚ã‚ã‚‹ã¿ãŸã„ã§ã™ãŒã€ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆã•ã‚“ã®è¨˜äº‹ã‹ã‚‰æ‹å€Ÿã—ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«æ›¸ãã¾ã™ã€‚ element{ /zoom : 1; } element:after{ content : ''; display : block; clear : both; height:0; } フãƒãƒ¼ãƒˆã—ãŸåè¦ç´ ã‚’æŒã¤è¦ªè¦ç´ ã®å†…容ã®æœ«å°¾ï¼ˆè¦ã™ã‚‹ã«åè¦ç´ ）ã«ã€contentプãƒãƒ‘ティã§å†…容を作りã¾ã™ã€‚ ãã®å†…容ã¯clear: both;ã™ã‚‹ãŸã‚ã ã‘ã®ã‚‚ã®ãªã®ã§ã€height: 0;ã«ã—ã¦è¦‹ãˆãªãã—ã¡ã‚ƒã„ã¾ã™ã€‚display: block;ã¯hei
フãƒãƒ¼ãƒˆã¨ãƒã‚¬ãƒ†ã‚£ãƒ–マージンã¾ã¨ã‚:CSS | Tech de Go
{{#tags}}- {{label}}
{{/tags}}