[CSS] CSS Position
CSS Position CSS Position ์์ฝ position ์์ฑ์ ํตํด ๋ฌธ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํ๋ค. top, right, bottom, left ์์ฑ์ ํตํด ์์์ ์ต์ข
์์น๋ฅผ ๊ฒฐ์ ํ๋ค. ์ฌ์ฉ๋ฒ์ ๊ฐ๋จํ๋ค. ๊ธฐ์ค์ ์ก๋๋ค. (์- position: relative;) ์ด๋์ํจ๋ค. (์- top: 50px;) ๐์์๋๊ธฐ block inline block : ํ ์ค ๋ชจ๋ ์ฐจ์ง (๋ํ element - , ) inline : ์ฝํ
์ธ ํฌ๊ธฐ ๋งํผ๋ง ์ฐจ์ง (๋ํ element - ) 1. Position ์์ฑ ์์๋ฅผ ์ฎ๊ธฐ๋ ค๋ฉด ์ผ๋จ ์์น๋ฅผ ์ฎ๊ธธ ๊ธฐ์ค์ ์ ์ก๋๋ค. ๊ฐ์๋ฏธ static ๊ธฐ์ค ์์ (๋ฐฐ์น ๋ถ๊ฐ๋ฅ / ๊ธฐ๋ณธ๊ฐ) relative ์์ ์๊ธฐ ์์ ์ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์น absolute ๋ถ๋ชจ(์กฐ์..