Position의 속성들과 각각의 특징
position 속성 종류static, relative, absolute, fixed, sticky 가 있습니다. 각 속성들의 특징position의 기본 값은 static이고, 이 경우 원래 있어야 할 위치인 HTML에 작성된 순서 그대로 브라우저 화면에 표시됩니다. relative 는 요소의 원래 위치를 기준으로 상대적으로 배치합니다. 이때 요소의 원래 자리는 그대로 차지하고 있습니다. top, bottom, left, right 속성을 이용해서 요소의 원래 위치 기준 이동하도록 설정할 수 있습니다. absolute 는 가장 가까운 포지셔닝(static 이 아닌 position 속성 값)이 된 조상 요소를 기준으로 배치됩니다. 이때 글의 흐름에서 완전히 빠져서, 요소의 원래 자리는 차지하지 ..
성장일지
2024. 5. 31. 23:24
