목록position속성 (2)

계발하는 개발자

[CSS] position: fixed, sticky 속성(2)

앞서 정리한 relative,absolute 속성에 이어 position 2편입니다. position 각 속성과 정의는 앞선 장에 자세히 설명되어 있으니 이번 장에서는 제외하겠습니다. ↓↓ 앞장 내용은 이전 포스팅 참고 ! [CSS] position: relative, absolute 속성(1) (3) position: fixed - 실습 예제 먼저 fixed는 요소를 일반적인 문서 흐름에서 제외하고, 지정된 위치에 고정시키는 속성입니다. 일반적인 문서 흐름에서 제외된다는 말은 앞서 배운 absolute 속성과 비슷하나, 지정된 위치에 착! 고정시키는 것은 fixed 만의 고유한 특징이니 잘 기억해두시기 바랍니다. 첫번째라고 여러 번 쓰인 div, pos 라는 클래스명을 가진 div, 두번째라고 여러 번..
📌 Language/CSS 2022. 12. 29. 02:04
[CSS] position: relative, absolute 속성(1)

[ position 정의 ] position은 문서 상에 요소를 배치하는 방법을 정의하는 속성입니다. position이 요소의 배치 방법(너비, 높이값을 통한 정적인 위치 지정)을 결정하면, top, bottom, right, left가 상대적인 최종 위치를 결정하는 방식입니다. 더보기 position: 난 이렇게 배치할거야; top: 윗면에서부터 얼만큼 떨어뜨릴거야; right: 오른쪽면에서부터 얼만끔 떨어뜨릴거야; bottom: 아랫면에서부터 얼만큼 떨어뜨릴거야; left: 왼쪽면에서부터 얼만큼 떨어뜨릴거야; => 상하좌우 위치 지정은 필요에 따라 선택적으로 사용!(4개 속성 모두 필수 지정해야하는 것은 아님) [ position 속성 ] - position 속성에는 다음 속성값들을 지정할 수 있습니..
📌 Language/CSS 2022. 12. 29. 00:04
이전 Prev 1 Next 다음