CSS를 사용한 절대 위치 지정
- WBOY앞으로
- 2023-09-04 12:21:02664검색
다음 위치의 요소: Absolute는 화면 왼쪽 상단을 기준으로 지정된 좌표에 위치합니다.
2개의 값 top 및 left em>을 position 속성과 함께 사용하여 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>위 내용은 CSS를 사용한 절대 위치 지정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：CSS를 사용하여 이미지에 마스크 추가다음 기사：CSS를 사용하여 이미지에 마스크 추가