์ํ๋ ์์น์ ๋ฐฐ์นํ๊ธฐ (position ์์ฑ)
์์ฑ | ์ค๋ช |
static | ์์๋ค์ด ๊ฒน์น์น ์๊ณ ํ ์ค์ ํ๋์ฉ ๋์ค๊ฒ ๋๋ค. |
relative | ์๋ ๋ฐฐ์น๋์ด์ผ ํ ์์น์์ ์ง์ ํ ๊ฐ๋งํผ ๋จ์ด์ง๊ณณ์ ์์๋ฅผ ๋ฐฐ์นํ๋ค. |
absolute | ๊ฐ์ฅ ๊ฐ๊น์ด ์์ ์์์ ์์น๋ฅผ ๊ธฐ์ค์ผ๋ก ์ง์ ํ ๊ฐ๋งํผ ๋จ์ด์ง ๊ณณ์ ์์๋ฅผ ๋ฐฐ์นํ๋ค. |
fixed | ์น ๋ธ๋ผ์ฐ์ ํ๋ฉด ์ ์ฒด๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์นํ๋ค. ์คํฌ๋กค์ ํ๋๋ผ๋ ์์น๊ฐ ๊ณ ์ ๋๋ค. |
https://developer.mozilla.org/ko/docs/Web/CSS/position
position - CSS: Cascading Style Sheets | MDN
CSS position ์์ฑ์ ๋ฌธ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํฉ๋๋ค. top (en-US), right (en-US), bottom (en-US), left (en-US) ์์ฑ์ด ์์๋ฅผ ๋ฐฐ์นํ ์ต์ข ์์น๋ฅผ ๊ฒฐ์ ํฉ๋๋ค.
developer.mozilla.org
'FA > html๏ผcss' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
20220923 ๋ชจ๋ฐ์ผ ์ฐฝ์์ input ํด๋ฆญ ์ ํ๋ ๋ฐฉ์ง (0) | 2022.09.23 |
---|---|
20220921 block / inline-block / inline ์ฐจ์ด์ (0) | 2022.09.21 |
20220916 input์์ ๊ธ์ ์ ์ต๋, ์ต์ ์ง์ ํ๊ธฐ (0) | 2022.09.16 |
border-style (0) | 2022.08.17 |
CSS ๋จ์ (0) | 2022.08.12 |