๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

relative1

TIL :: 22.05.11 1. position ์†์„ฑ - relative, absolute, fixed 2. inline, inline-block, block ์— ๋Œ€ํ•ด์„œ 3. float์— ๋Œ€ํ•ด์„œ 1. position ์†์„ฑ - relative, absolute, fixed Position ์†์„ฑ : ํฌ์ง€์…˜์€ css์—์„œ element๋ฅผ ์–ด๋– ํ•œ ์œ„์น˜์— ๋ฐฐ์น˜์‹œํ‚ค๋Š”๋ฐ์— ์‚ฌ์šฉ๋œ๋‹ค. Position์€ ์ด๋ ‡๊ฒŒ 5๊ฐ€์ง€๋กœ ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค. position: relative; position: absolute; position: fixed; position: sticky; position: static; static ์š”์†Œ๋ฅผ ๋ฌธ์„œ ํ๋ฆ„์— ๋งž์ถ”์–ด ๋ฐฐ์น˜. relative ์ด์ „ ์š”์†Œ(์ฃผ๋กœ ๋ถ€๋ชจ ์š”์†Œ)์— ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์—ฐ๊ฒฐํ•˜์—ฌ ์œ„์น˜๋ฅผ ์ง€์ •. absolute ์›ํ•˜๋Š” ์œ„.. 2022. 5. 12.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”