clear1 CSS ๊ธฐ๋ณธ (6)_ํฌ์ง์ ๋(float, overflow, clear) float ๋ถ๋ชจ ์์ ๊ธฐ์ค, ์ผ์ชฝ or ์ค๋ฅธ์ชฝ ๋ฐฐ์น ์ง์ margin : auto : ๊ฐ์ด๋ฐ๋ก! (โป์ฃผ์ : block์์๋ง ์ ์ฉ๊ฐ๋ฅ!) ์์ .parent { border: 5px solid red; width: 600px; /*์์์์์ height๊ฐ ์ง์ ํด์ฃผ๋ฉด ์๋์ผ๋ก ๋์ด๋๊ธฐ ๋๋ฌธ์ ๋์ด ๋ฐ๋ก ์ง์ X*/ } .child { background-color: gold; width: 200px; height: 200px; } float ์์ฑ์ ๋ฐ๋ก ์ฃผ์ง ์์ ์ํ์ด๋ค. ์ผ์ชฝ์ผ๋ก ๋ฐฐ์น ๋์ด์๋ ๊ฒ์ ๋ณด๊ณ "๊ธฐ๋ณธ๊ฐ์ด float: left ์ธ๊ฐ?" ๋ผ๊ณ ์๊ฐํ ์ ์์ง๋ง ์๋๋ค! float ์์ฑ์ ์ค ๊ฒฝ์ฐ .parent { border: 5px solid red; width: 600px; /*์์์์์ he.. 2022. 1. 5. ์ด์ 1 ๋ค์ ๋ฐ์ํ