Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS를 사용한 절대 위치 지정


위치가인 요소: 절대 화면 왼쪽 상단 모서리를 기준으로 지정된 좌표에 위치합니다.

두 가지 값을 사용할 수 있습니다. top 그리고 왼쪽 위치와 함께 HTML 문서의 아무 곳이나 HTML 요소를 이동하는 속성입니다.

  • 왼쪽으로 이동 - 왼쪽에 음수 값을 사용합니다.
  • 오른쪽으로 이동 - 왼쪽으로 양수 값을 사용합니다.
  • 위로 이동 -상단에 음수 값을 사용합니다.
  • 아래로 이동 - 상단에 양수 값을 사용합니다.

예시

절대 위치 지정을 구현하기 위해 다음 코드를 실행할 수 있습니다. -

<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>