CSS를 포지셔닝에
CSS를 포지셔닝의 콘텐츠에 : 위치 : 상대 | 절대 | 정적 | 고정
정적 특별한 설정, z는 구분의 수준에 대한 - 지수가되지 않을 수있는 조항의 기본 위치를 따릅니다.
상대 상단, 왼쪽, 오른쪽 하단의 위치를 통해, 자신의 정적 참조 위치, 문서에서와 흐름을하지 않습니다 분류의 수준부터 Z - 인덱스를 통해 실행할 수있다.
문서 흐름에서 가기를 통해 절대, 아래, 왼쪽 오른쪽 포지셔닝. 때 부모 - 정적 때, 절대적인 요소의 출발점이 될 것이다 클래스의 수준에 대한 입장을 구분하실 수있습니다부터 Z - 지수는 시체의 위치 좌표는 가장 최근의 부모 오리 엔테이션 요소를 선택합니다.
여기서 그는 오히려 시체 또는 부모 요소로보다 비주얼처럼 창문에 고정했던 고정 위치를 고정시켰다. 구분의 수준에 대한 통해부터 Z - 인덱스.
CSS를 쌓아 분류의 위치 : Z부터 - 지수 : 자동차 | namber
| 절대적 | 정적 |이 4 가지 다른 방법의 고정 위치를 상대적으로, 우리는 방법을 찾아야만 위치 요소도 달라집니다.
돔 요소 요소를 찾습니다하는 세 가지 방법 : 오프셋, 클라이언트 스크롤 제공
, offsetTop, offsetLeft, offsetWidth, offsetHeight 5 offsetParent 방법 요소의 상대적 위치에 대한 돔 오프셋 위치를 제공하는 요소.
offsetParent 요소는 현재 상대적으로 포지셔닝 요소를 말합니다. IE와 빨리감기 정의하고 다른 해석했다. IE의 offsetTop에 대한 액세스 및 컨테이너에 대한 개체의 정의에 정의되어있는 개체 특성 offsetLeft. 요소 offsetParent 신체의 대부분의 시간을 반환합니다. 에 IE5, td에서는 테이블 offsetParent입니다. IE의 상대적인 위치에와 많이 다르지 않아 절대적인 위치에서 볼 수있다. 가기 친척 이니 - 레벨 요소를 찾습니다. the 빨리감기에서 가장 최근에 문서 - 레벨 요소를 구하십시오. 이 요소의 표적이되지 않는 경우에는, 다음의 루트 요소입니다.
offsetParent, parentNode (예 : parentElement) 부모 요소 노드를 참조하십시오. 그들의 목표는 동일하지 같은 기능을하지 않습니다. parentNode 문서 - 수준 액세스 노드 최근 노드 (직접 부모 노드)에 포함되어있습니다. the Attr, 문서, DocumentFragment, 법인, 이러한 부모 노드의 표기법에 빨리감기 있음은 parentNode null을 반환합니다. 나무에 붙어있는 경우에는 문서 아니라 요소 null로 반환됩니다.
offsetParent 부모 노드를 시각화를 말합니다. 이를테면
1 | 는 <body>하여 <form> <input type='text' id='AA'/> </ 양식> </ 몸> |
. aa는 몸, offsetParent하고 parentNode의 양식이다. IE는 일반적으로 몸 안에있다.
현재 왼쪽 또는 offsetLeft와 offsetTop 요소 상단 모서리를 말합 - -, 거리의 왼쪽 상단 모서리 또는 offsetParent하는 현재의 마진과 패딩을 offsetParent의 요소가 포함되어있습니다. OffsetParent 국경의 넓이에 포함되지 않습니다.
offsetWidth, offsetHeight 함께 offsetLeft, offsetTop 상대 offsetParent 방법 같은, 그들이 현재의 폭 또는 높이의 요소가되지 않습니다. 그것은 (어떤)와 컨텐츠의 크기 (CSS는 요소, IE는 CSS를 크기에의 높이를 설정 보여 테두리, 패딩, 스크롤바가 포함되어 크기의 내용물이 들어있는 국경)를 말합니다.
분석 가기에 오프셋, 우리가 찾을 수 offsetLeft, CSS로 offsetTop의 속성의 왼쪽에, offsetTop offsetLeft 가치에만 연결되어있습니다. 그리고 우리가 할 수있는 CSS는 위쪽에, 위치의 다른 요소에 상대적으로 (절대적 위치, 속성을 설정하는 요소의 왼쪽, 즉 시체)를 상대했다.
스크롤을위한 돔 요소, scrollLeft scrollTop scrollHeigth scrollWidth 제공. 이 그룹이 스크롤 요소에 대한 작업을 수행하는 것입니다. 스크롤 폭의 진정한 Heigth 요소 너비와 높이를 최대로 스크롤의 일원을 포함을 말합니다. 이 scrollTop, scrollLeft 부분의 크기를 올리고있다.
스크롤을위한 돔 요소, clientLeft clientTop clientHeigth clientWidth 제공. 이 그룹이 클라이언트에 대한 작업을 수행하는 것입니다. clientWidth, clientHeigth 지역의 높이 또는 넓이에 시각적 요소의 콘텐츠입니다. , 스크롤바, 테두리, 마진이 포함되지 않습니다 패딩을 포함합니다. 우리가 볼 수있는 지역의 시각적인 요소입니다. 인터넷 익스플로러, 빨리감기은 동일합니다. clientTop, clientLeft topborder 왼쪽이나 국경 크기로 볼 수있다.
요소의 이름 offsetParent, 다음, 그것은 요소와 노드 사이에 그의 아버지가 변위를 계산할 수있습니다, 첫 번째 노드에 위치 그의 아버지는 CSS, 일부의 변위를 계산할 수있는 위치에 대한 방법은 부모 노드의 상대적인 변위를 계산할 수있다. 이 위치는 CSS에서 최고의 수, 왼쪽 문서에 위치를 설정하는 데 사용됩니다. 바디 확실히 (0,0)입니다. 바디도 offsetParent의 끝 그것은), 친척 가기 사용할 수있는 고정, 절대적인 위치를 설정하는 왼쪽 문서에서 찾을 수없습니다 (않았던 요소입니다. 또한 위치를 계산할 수있다. 정적 가기위한 필요가없습니다의 위치를 설정하는 왼쪽, 오프셋 이미 포지셔닝 요소에 상대적인 변위이다. OffsetParent 요소의 부모 노드 postiont입니다! = 정적 노드.
http://msdn.microsoft.com/zh-cn/library/system.windows.forms.htmlelement.offsetparent (VS.80에 IE)에서. 위로, 그것이 offsetParent 고정을 지원하지 않습니다 볼 수있습니다. http://developer.mozilla.org/en/DOM/element.offsetParent에 Mozilla에서, 우리가있는 경우 (비 - 위치)의 요소는 위치, 주어진 시체를 볼 수있습니다.
 (아직 등급이 없음)  로드 중입니다 ... |
관련 로그 | 이 신문에서는 독자는 또한 다음에 대해 우려하고있다 :
|
9 월, 2008 제 8 회 저자 : 에릭 | 웹 기술 | 트랙백? | 코멘트 | 
| 482 플레이
회신을 남겨주