[CSS] position์์ฑ(static, relative, absolute, fixed, sticky)
Position ๋ฌธ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํ๋ค. top, bottom, right, left ์์ฑ์ ์ด์ฉํด ์์๋ฅผ ์ต์ข
์ ์ผ๋ก ์์น์ํฌ ์ฅ์๋ฅผ ์ ํ ์ ์๋ค. Value static (default) ์ผ๋ฐ์ ์ธ ๋ฌธ์์ ํ๋ฆ(Normal Flow)์ ๋ง๊ฒ ์์๋ฅผ ๋ฐฐ์นํ๋ค. ** z-index, top, bottom, right, left ๋ฑ ์์ฑ์ด ์๋ฌด๋ฐ ์ํฅ์ ์ฃผ์ง ์๋๋ค. relative ์ผ๋ฐ์ ์ธ ๋ฌธ์์ ํ๋ฆ์ ๋ฐ๋ผ ์์๋ฅผ ๋ฐฐ์นํ ๋ค top, bottom, right, left ์์ฑ์ ์ด์ฉํด ์คํ์
์ ์ ์ฉํ๋ค. ์คํ์
์ ๋ฌธ์ ํ๋ฆ์ ์ํฅ์ ์ฃผ์ง ์์ผ๋ฏ๋ก ์ด๋ํ ํ์๋ ๋ฌธ์ ํ๋ฆ ์ ์์๊ฐ ์ฐจ์งํ๋ ๊ณต๊ฐ์ static์ผ๋์ ๋์ผํ๋ค. z-index์์ฑ์ผ๋ก z์ถ ๋ฐฐ์น๋ฅผ ์กฐ์ ํ ์ ์๋ค. absol..
2021. 11. 4.
