고정 위치 지정을 사용하면 스크롤에 관계없이 페이지의 특정 지점에 요소의 위치를 고정할 수 있습니다. 지정된 좌표는 브라우저 창을 기준으로 합니다.
top 및 left 두 가지 값을 사용할 수 있습니다. 위치 와 함께 HTML 문서의 아무 곳이나 HTML 요소를 이동하는 속성입니다.
- 왼쪽으로 이동 - 왼쪽에 음수 값 사용 .
- 오른쪽으로 이동 - 왼쪽에 양수 값 사용 .
- 위로 이동 - 상단에 음수 값 사용 .
- 아래로 이동 - 상단에 양수 값 사용 .
예시
고정 위치를 구현하기 위해 다음 코드를 실행할 수 있습니다.
<html> <head> </head> <body> <div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;"> This div has fixed positioning. </div> </body> </html>