6-6. ์น ์์ ์์น ์ ํ๋ ๋ฐฉ๋ฒ- position(static, relative, absolute, fixed)
1. ์น ์์์ ์์น๋ฅผ ์ ํ๋ left, right, top, bottom ์์ฑ ์น ๋ฌธ์์์ ์์๋ฅผ ์ํ๋ ๊ณณ์ ๊ฐ๋ค ๋์ผ๋ ค๋ฉด ์์น๋ฅผ ์ง์ ํด์ผํ๋ค. left : ๊ธฐ์ค ์์น์ ์์ ์ฌ์ด์ ์ผ์ชฝ์ผ๋ก ์ผ๋ง๋ ๋จ์ด์ ธ ์๋์ง ์ง์ ํ๋ค. right : ๊ธฐ์ค ์์น์ ์์ ์ฌ์ด์ ์ค๋ฅธ์ชฝ์ผ๋ก ์ผ๋ง๋ ๋จ์ด์ ธ ์๋์ง ์ง์ ํ๋ค. top : ๊ธฐ์ค ์์น์ ์์ ์ฌ์ด์ ์์ชฝ์ผ๋ก ์ผ๋ง๋ ๋จ์ด์ ธ ์๋์ง ์ง์ ํ๋ค. bottom : ๊ธฐ์ค ์์น์ ์์ ์ฌ์ด์ ์๋์ชฝ์ผ๋ก ์ผ๋ง๋ ๋จ์ด์ ธ ์๋์ง ์ง์ ํ๋ค. 2. postion positon ์์ฑ์ ์ด์ฉํ๋ฉด ํ
์คํธ๋ ์ด๋ฏธ์ง๋ฅผ ๋๋ํ ๋ฐฐ์นํ ์๋ ์๊ณ , ์ํ๋ ์์น๋ฅผ ์ ํํ ์ ์๋ค. postion ์์ฑ๊ฐ 1๏ธโฃ static : ๋ฌธ์์ ํ๋ฆ์ ๋ง์ถฐ ๋ฐฐ์น๋๋ ๊ธฐ๋ณธ๊ฐ์ด๋ค. 2๏ธโฃ relative : ์..
2021.10.12