코드가 처음인 사람을 위한 Modern HTML CSS
/
CSS Basics
/
CSS Position (relative + absolute)

CSS Position (relative + absolute)

CSS 의 position Property 를 이용 하여, 개별 요소를 원하는 위치에 배치(Distribution)하거나 정렬(Alignment) 해 봅니다

Concept

32 min follow •

featured-image-of-CSS Position (relative + absolute)
HTML Basics
CSS Basics
Instagram Clone
HTML Basics
CSS Basics
Instagram Clone

Section 1

position 을 이용한 Elements 들의 배치 및 정렬

position 을 이용한 Elements 들의 배치 및 정렬

position: absolute; 를 사용하면 Element 들의 수치를 사용하여 원하는 위치를 쉽게 지정 해 줄 수 있습니다



이 때 position: relative; 를 사용하여 기준 점을 잡아 주어야하는 것을 반드시 잊지 말아야 합니다



이를 이용하여, Element 를 원하는 위치에 배치하거나 정렬 하는 방법을 알아 봅니다

Loading Summary...
이 튜토리얼을 계속 읽으시려면, 로그인 or 회원가입 해주세요
© 2025 Harbor School - Proudly built with Lighthouse Design System
© 2025 Harbor School - Proudly built with Lighthouse Design System