목록CSS (1)

오늘도 개발

CSS Position 이해하기(relative, absolute, fixed)

0. Position이란? 요소를 어떻게 위치시킬지 정해주는 프로퍼티. 값 : static(디폴트), relative, absolute, fixed 1. static HTML 플로우대로 위에서 아래로, 좌측에서 우측으로 요소를 위치시킨다. 모든 요소의 디폴트 값은 static이다. 2. relative relative를 적용한 요소는 기본적으로 static과 똑같이 배치된다. 하지만 static과 달리 relative가 적용된 요소에는 오프셋 프로퍼티(top, bottom, left, right)를 적용할 수 있다. 오프셋 프로퍼티를 지정하면 요소가 static일 때 위치했을 곳을 기준으로 상, 하, 좌, 우로 이동시킬 수 있다. 3. absolute absolute를 적용한 요소는 기본적으로 가장..
웹 프로그래밍/HTML & CSS 2022. 6. 21. 15:58
이전 Prev 1 Next 다음