CSSã§è¦ç´ を横並ã³ã«ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ | HALAWATA.NETCSSã§è¦ç´ を横並ã³ã«ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã®é•ã„ãŒã‚ã‹ã‚‹ã‚ˆã†ã«åŸºæœ¬ã¨ãªã‚‹ã‚³ãƒ¼ãƒ‰ã‚’用æ„ã—ã¾ã™ã€‚ divè¦ç´ 3ã¤ã¨ãれを囲むdivè¦ç´ 1ã¤ã§ã™ã€‚3ã¤ã®ãƒœãƒƒã‚¯ã‚¹ã«ã¯é«˜ã•ã¨æ¨ªå¹…ã‚’80pxã€ãƒžãƒ¼ã‚¸ãƒ³ã€ãƒ‘ディングã¨ã‚‚ã«10pxを指定ã—ã¾ã™ã€‚ <div class="boxContainer"> <div class="box">BOX1</div> <div class="box">BOX2</div> <div class="box">BOX3</div> </div> float – 方法1 .box { float: left; } .boxContainer { overflow: hidden; } /* clearfix */ .boxContainer:before, .boxContainer:after { content: ""; display: table;
ã“ã‚“ãªHTMLã¨CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã§æ›¸ããŸã„ - Qiita
{{#tags}}- {{label}}
{{/tags}}