목록상대위치 (1)

이진욱의코딩

<css> 위치(position)에 대해 알아봅시다.

이번 시간은 css의 기술 중 하나인 위치에 대해 알아보도록 하겠습니다. 먼저 position의 상대 위치에 대해 알아보겠습니다. 여러 가지 오브젝트를 생성 후에 위치를 조정하게 될 때 사용하며 position의 옵션 중 relative를 선택하면 기존 오브젝트에 대해 상대적으로 배치되게 만듭니다. 우선, 예시를 보면서 설명드리겠습니다. box1 box2 box3 position:relative를 사용하면 이런 식으로 나타낼 수 있습니다. 만약 상대적으로 오브젝트를 이동하다가 겹치는 부분이 있다면 z-index를 써서 맨 앞부분에 나타낼 부분과 뒷부분에 위치시킴을 조정할 수 있습니다. z-index값이 높을수록 우선권을 얻습니다. 위치 속성 중 position: relative는 적용하는 요소를 기준으로..
CSS 2019. 10. 5. 23:29
이전 Prev 1 Next 다음