CSSã§2カラムを作ã£ã¦ã¿ã‚‹ - kojika17CSSã§2カラムã¨ã„ã£ã¦ã‚‚ã€ãã®ä½œæˆæ–¹æ³•ã¯æ§˜ã€…ã§ã™ã€‚ 多ãã®ãƒ‘ターンをç†è§£ã™ã‚‹ã“ã¨ã¯ã€CSSã«æŸ”軟性をæŒãŸã›ã‚‹ã“ã¨ã«ã€ã¤ãªãŒã‚Šã¾ã™ã€‚ 1. floatを利用ã™ã‚‹ 基本的ãªæ–¹æ³•ã§ã™ã€‚ åã«floatを利用ã™ã‚‹ã¨ã€ç°è‰²ã®èƒŒæ™¯ã‚’æ•·ã„ã¦ã„る親ã®é«˜ã•ãŒç®—出ã§ããªããªã‚‹ãŸã‚ã€èƒŒæ™¯è‰²ãŒå‡ºãªããªã£ãŸã‚Šã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ ã“れらã®å•é¡Œã‚’解決ã™ã‚‹ã«ã¯ã€clearfix ã‹ overflowを利用ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ .parent { overflow: hidden; } .child1 { float: left; width: 240px; } .child2 { float: right; width: 128px; } 2. floatã¨marginを一定方å‘ã«ã‹ã‘ã‚‹ 片方ã«floatã€ç‰‡æ–¹ã¯floatã‚’ã‹ã‘ãŸæ–¹å‘ã«éš£ã®è¦ç´ ã®æ¨ªå¹…以上ã®marginã‚’ã¨ã‚‹æ–¹æ³•ã§ã™ã€‚ floatã®ã‹ã‹ã£ã¦ã„
ã€å¤§äººã®è©±ã€‘旦那ã®HãŒä¸‹æ‰‹ï¼ï¼é…力ãªã—ã«æ‚©ã‚€å¦»ã®æš´éœ²è©±ï¼ï¼ã€æ—¢å©šå¥³æ€§ã€‘ : ãˆã£!?ã¾ãŸã“ã“ã®ã‚µã‚¤ãƒˆ?
{{#tags}}- {{label}}
{{/tags}}