HTML 요소의 위치 정의 질문있어요!

Question

강좌 잘 듣고 있습니다! 듣다가 문득 오른쪽에 플로팅 되게끔 position: sticky; right: 0; 로 해도 될 줄 알았는데 전혀 안되더라고요! 스크롤 시 오른쪽에 붙여 놓으려면 어떤 방법을 사용해야 하는 건가요???

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴이에요. 오른쪽에 플로팅되게끔 요소를 고정하기 위해서는 position: fixed; 속성을 사용하셔야 합니다. position: sticky; 는 특정 요소가 스크롤 영역의 일정 범위 안에서 스크롤 되다가 특정 위치에 닿으면 고정되는 속성이에요. 하지만 position: sticky; 는 오른쪽에 위치시키기 위해 사용되는 것은 아니라서 동작하지 않을 수 있어요. 요소를 오른쪽에 플로팅 시키기 위해서는 다음과 같이 CSS를 설정하시면 됩니다. .right-floating-element { position: fixed; right: 0; } 위와 같이 설정하시면, .right-floating-element 라는 클래스를 가진 요소가 오른쪽에 플로팅되게 될 거에요. 자세한 내용이나 다른 질문이 있으시면 언제든지 물어보세요. 좋은 학습되세요!