๋ฐ์ํ ๋ฉ์์ด์ฌ์์ฐจ๋ผ1 ๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋์ค์ฟจ 6์ผ์ฐจ ๊ธฐ๋ก ์ค๋ ํ ์ผ CSS ์์ ์คํฐ๋ ๊ฐ์ค(๊ฒํฐ๋) ํ๊ณ ๊ทธ๋ฃน ๋ฐฐ์ ์ค๋ ๋ฐฐ์ด ๊ฒ flex ์์ฑ ์ด์ ์ ๋ฐฐ์์ ์๊ณ ๋ ์์๋๋ฐ ์ด์ํ๊ฒ ์ ์์ฐ๊ฒ ๋์ ์กด์ฌ๋ฅผ ์๊ณ ์์๋ค๊ฐ ์ด๋ฒ์ ๋ค์ ๋ฐฐ์ ๋ค. ํ์คํ ์ ๋ ฌ์ด ํจ์ฌ ํธํด์ง๋ค. float๋ก ๊ตฌํํ ๋๋ง๋ค ๋งจ๋ ๋ด ๋ง๋๋ก ์๋๊ณ ์ง๋ฉ๋๋ก ๋ ๋ค๋๊ธธ๋ ๊ณจ๋จธ๋ฆฌ๋ฅผ ์์๋๋ฐ ํ๋ ์ค๊ฐ ํจ์ฌ ํธํ๋ค. ์ ์ผ๋ฅธ ๊ณผ๊ฑฐ์ ์ ์ฐ๋ค ๋ค ์ฌ๋ผ์ง๊ณ ํ๋ ์ค๋ก ํต์ผํ์๊ตฌ์ FLEX float ์์ฑ ์ด๋ป๊ฒ ๋์ํ๋์ง ๋ชฐ๋ผ์ ๋งจ๋ ์ด๋ฆฌ ๊ตฌ๋ฅด๊ณ ์ ๋ฆฌ ๊ตด๋ ์ง๋ง ํ๋ฒ๋ ์ด๋ป๊ฒ ๋์ํ๋์ง ์ฐพ์๋ณผ ์๊ฐ์ ์ํ์๋ค. ์ด๋ฐ๊ฑฐ ๋ณด๋ฉด ๋๋ ์ข ์ข ๋๋ฌด ์๋์ ์ผ ๋๊ฐ ์๋ค. ๊ทธ์น๋ง ์ด์ ์๋... float ํด์ ํ ๋ ๋งจ๋ clear ์ฃผ๋๊ฒ ํท๊ฐ๋ ธ๋๋ฐ ๊ฐ์ธ์ ์ผ๋ก ๋ถ๋ชจ ์์์ overflow ๊ฐ์ ์ฃผ๋๊ฒ ๋ ํธํจ ํ๊ธฐ ์ฌ.. 2021. 11. 6. ์ด์ 1 ๋ค์ ๋ฐ์ํ