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

css absolute1

CSS position ์š”์†Œ์˜ ์œ„์น˜์ •์˜ CSS position ์š”์†Œ์˜ ์œ„์น˜์ •์˜๊ฐ ์š”์†Œ๋“ค๊ณผ ๊ฐ์ฒด๋“ค์„ ์ฝ”๋”ฉํ•˜๋‹ค๋ณด๋ฉด position์„ ์ ์ ˆํžˆ ์ž˜ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.์ผ๋‹จ ์–ด๋– ํ•œ ์†์„ฑ๋“ค์ด ์žˆ๋Š”์ง€ ๋จผ์ € ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.positionstatic - ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์ˆœ์„œ๊ทธ๋Œ€๋กœ ํ‘œํ˜„์ด ๋ฉ๋‹ˆ๋‹ค.absolute - ์ •์ ์ธ ์š”์†Œ๊ฐ€ ์•„๋‹Œ ์ƒ๋Œ€์ ์œผ๋กœ ๋ฐฐ์น˜๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ๋งˆ์น˜ ๋ ˆ์ด์–ด์ฒ˜๋Ÿผ ํ˜ผ์ž ๋– ๋‹ค๋‹ˆ๋Š” ์š”์†Œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.relative - ์ƒ๋Œ€์ ์œผ๋กœ ๋ฐฐ์น˜๋˜๋ฉด์„œ CSS์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค.fixed - ๋ธŒ๋ผ์šฐ์ €์— ์˜ํ–ฅ์„ ๋ฐ›์œผ๋ฉฐ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ์œ„์น˜๊ฐ€ ๊ณ ์ •์ด๋ฉ๋‹ˆ๋‹ค.inherit - ๋ถ€๋ชจ์š”์†Œ์—์„œ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ๋ถ€๋ชจ์š”์†Œ ๊ทธ๋Œ€๋กœ css์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ํฌ์ง€์…˜css์˜ ์ค‘์š” ํ•ต์‹ฌ ํฌ์ธํŠธ๋Š” 3๊ฐ€์ง€ ์ •๋„์ž…๋‹ˆ๋‹ค. absolute, relative, fixed์ž…๋‹ˆ๋‹ค.absolute๋Š” ๋””์ž์ธ์—.. 2017. 8. 7.

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