๐Ÿ“

position

Created
Nov 4, 2021 09:07 AM
Tags
ํ•ด๊ฒฐ
category
CSS
day
4
  • absolute์˜ ๋ถ€๋ชจ์ค‘์— position์ด static์ด ์•„๋‹Œ ๋ถ€๋ชจ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์žก์Šต๋‹ˆ๋‹ค. (absolute,relative,fixed ์…‹์ค‘ ํ•˜๋‚˜)
  • position์ด static์ผ๋•Œ์—๋Š” left,top,right,bottom ์†์„ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
  • Q : relative์—์„œ top์„ ์–‘์ˆ˜๋กœ ํ•˜๋ฉด ์•„๋ž˜๋กœ ์ด๋™ํ•˜๊ณ  bottom์„ ์–‘์ˆ˜๋กœ ํ•˜๋ฉด ์œ„๋กœ ์ด๋™ํ•˜๋˜๋ฐ ๋‘˜์ด ์™œ ๋‹ค๋ฅธ ๊ฑด๊ฐ€์š”??
  • A : top์„๊ธฐ์ค€์œผ๋กœํ•˜๋ฉด ์•„๋ž˜๋กœ ๊ฐ€์•ผ ์–‘์ˆ˜์ด๊ณ , bottom ์„ ๊ธฐ์ค€์œผ๋กœํ•˜๋ฉด ์œ„๋กœ๊ฐ€์•ผ ์–‘์ˆ˜์ด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
ย