>  기사  >  웹 프론트엔드  >  CSS 상대 위치 지정

CSS 상대 위치 지정

巴扎黑
巴扎黑원래의
2017-03-18 14:03:421846검색

[소개] CSS 절대 위치 지정을 사용하면 페이지에 있는 다른 요소의 위치 지정 설정에 관계없이 페이지의 독립적인 위치에 요소를 정확하게 배치할 수 있습니다. 상대 위치 지정은 위치를 지정하는 기능이 파일에서 할당된 위치를 기준으로 위치 지정됨을 의미합니다. 예: I { position:relative; left: t

CSS 절대 위치 지정을 사용하면 페이지에 있는 다른 요소의 위치 지정 설정에 관계없이 페이지에서 요소의 독립적인 위치를 정확하게 지정할 수 있습니다. 상대 위치 지정은 위치를 지정하는 기능이 파일에서 할당된 위치를 기준으로 위치 지정됨을 의미합니다. 예:


I { position:relative; left: 40px; top: 10px }


상대 위치 지정의 핵심은 위치가 지정된 요소의 위치가 그것의 정상 위치는 그 위치에 위치해야 합니다. 상대 위치 지정 사용을 중지하면 텍스트가 일반 표시 위치로 돌아갑니다.

상대 위치 지정을 사용할 때는 주의하세요. 그렇지 않으면 페이지가 매우 지저분해집니다.

상대 및 절대 위치 지정 외에도 정적 매개변수 값을 사용할 수도 있습니다. 사용법은 일반 HTML의 위치 지정 방법과 동일하며 특별한 위치 지정 설정을 추가할 수 없습니다.

나쁘지 않죠? 아래에서는 위치 지정 요소를 제어하는 ​​방법을 알아봅니다.

위 내용은 CSS 상대 위치 지정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.