flexbox1 CSS_flexbox(1) ์ํ์ ๋ ฌ flexbox ๋ถ๋ชจ์์ ๋ด์ ์์์์๋ค์ ๋ํ ๊ณต๊ฐ ๋ฐฐ๋ถ, ์ ๋ ฌ์ ํ ์ ์๋ ๋ชจ๋ธ์ด๋ค! css์์ ๋ ์ด์์์ ๊ตฌ์ฑํ ๋ float์ ์ด์ฉํ์์ง๋ง ์ต๊ทผ์๋ flex๋ฅผ ์ ์ ๋ง์ด ์ฌ์ฉํ๋ ์ถ์ธ์ด๋ค. ์ฌ์ค ํธํ์ฑ๋ฌธ์ ๋ก ์ฌ์ฉ ์๊ฐ ์ ์๋๋ฐ ๋ง์ด ํด๊ฒฐ์ด ๋์๋ค๊ณ ํ๋ค. ์ํ์ ๋ ฌ ๋ค๋ฅธ ๋ฐฉ๋ฒ๋ค๊ณผ์ ๋น๊ต ๋จผ์ ๊ธฐ์กด์ ๋ค๋ค๋ ๊ฒ๋ค์ ์ดํด๋ณด์! 1. float item1 item2 item3 .container{ width: 400px; border: 1px solid #000; /* overflow: hidden; */ /*์ด ์์ฑ์ ์ด์ฉํด๋ ๋๋ค.*/ } .item { width: 100px; height: 100px; border: 1px solid #000; background: gold; border-radiu.. 2022. 1. 30. ์ด์ 1 ๋ค์ ๋ฐ์ํ
