CSSã§floatを指定ã—ãŸãƒœãƒƒã‚¯ã‚¹ã‚’å«ã‚€ãƒœãƒƒã‚¯ã‚¹ã®èƒŒæ™¯ãŒå‡ºãªããªã‚‹ä»¶ - Fsiki「CSSã§æ®µçµ„ã—ãŸã‚‰Firefoxã§èƒŒæ™¯ãŒå‡ºãーよã£ã€ã¦è©±ã‚’よãèžãã®ã§è‰²ã€…試ã—ã¦ã¿ã¾ã—ãŸã€‚ コンテンツメニュー å…ƒã«ãªã‚‹HTML 特ã«ä½•ã‚‚考ãˆãšfloatを使ã£ãŸå ´åˆ 外ã®ãƒœãƒƒã‚¯ã‚¹ã«å¹…を与ãˆã¦ã¿ã‚‹ 一般的ãªè§£æ±ºæ–¹æ³• ãã®ä»–ã®è§£æ±ºæ–¹æ³• overflowã‚’ä½¿ã† æœ€çµ‚å›žç” ç•ªå¤–ç·¨ æ›´æ–°å±¥æ´ ã“ã®ãƒ‰ã‚ュメントã«ã¤ã„㦠元ã«ãªã‚‹HTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブãƒã‚°) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…容ã¯ã€Œã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ã€‚class="rightBox"ã®å†…容ã¯ã€Œè¨˜äº‹éƒ¨åˆ†ã€ã€‚ 例2(ウェブサイト) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…容ã¯ã€Œãƒãƒ¼ã‚«ãƒ«ãƒŠãƒ“ゲーションã€ã€‚class="rightBox"ã®å†…容ã¯ã€Œæƒ…å ±ã€ã€‚ 例3
clearfixãƒãƒƒã‚¯ï½œCSS HappyLife
{{#tags}}- {{label}}
{{/tags}}