๐Ÿ’ป FrontEnd/โš›๏ธ ReactJS 1

[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 ๋ถ€๋ชจ(์กฐ์ƒ..