CSS 위치 사용 및 결과 페이지 변형 JS 처리 방법

절대 위치와 상대 위치 사용 위치

위치: 위치: 절대 문법: < div 스타일 위치: 절대; 왼쪽: 100px; 가기: 100px"= >< / div >
두 가지 상황
1, 위쪽, 오른쪽, 아래쪽, 왼쪽, 부모의 "콘텐츠 영역 원래 포인트" 원래 지점에 따라 기본 설정 하지 않은
2, 위쪽, 오른쪽, 아래쪽 및 왼쪽 상황의 설정은, 여기 상황의 두 가지로 나누어집니다.
(1) 부모 속성을 배치 하지 않는다, "원래 조정"에 대 한 브라우저의 왼쪽 위 모서리 (본문), 오른쪽, 상단으로 위치를 찾는 데 아래쪽, Ieft 속성 결정
(2), 부모는 위치 특성 부모 "원래 포인트 좌표" 이며 원래 지점

상대 위치 지정: 위치: 상대;
원래 지점으로 하는 부모 없이 부모의 "콘텐츠 영역의 기원"에 대 한 참조는 신체의 콘텐츠 영역 "근원" 원래 지점으로, 위치 결정 됩니다 상단, 오른쪽, 아래쪽, 왼쪽 속성, 그리고 부모 블록, 그래서 하지 않는 것이 바깥쪽 같은 크기를 차지 합니다.

상대 위치 또는 절대 위치에 주목할 한 가지는
왼쪽 및 오른쪽만 설정할 수 있습니다 하나
위쪽 및 아래쪽 하나만 설정할 수도 있습니다.

만약 페이지 왜곡에 위치를 해결 하기 위해 다음 JS 코드를 사용할 수 있기 때문에

var ietest = 기능)
{
만약 ($. browser.msie) 없음
만약 ($. browser.version = = "6.0")
{
var _width=document.documentelement.clientwidth+29; 바탕 화면 해상도 크기
$ ("#nav"). CSS 자습서 ("왼쪽", ((_width-950)/2)-15); 값을 다시 설정
반환 허위;
}
반환 허위;
}
반환 허위;
}
Window.onresize=ietest; 트리거 이벤트 때 폼 크기 조정
Position 속성, 우리는 4 가지 유형의 위치, 요소 상자 생성 하는 방법에 영향을 미치는 선택할 수 있습니다.

속성 값의 위치는 의미:

정적
요소 상자는 일반적으로 생성 됩니다. 블록-레벨 요소, 문서 흐름의 일부로 생성 하는 부모 요소에 배치 된 하나 이상의 행 상자 직사각형 상자를 생성 합니다.
상대
요소 상자 오프셋 거리. 요소 배치, 그리고 그것을 차지 하는 공간이 남아 전에 그것의 원래 모양을 유지 합니다.
절대
요소 상자 문서 흐름에서 완전히 제거 하 고 그것의 포함 하는 블록을 기준으로 배치 됩니다. 포함 하는 블록 초기 포함 블록이 나 문서에 다른 요소가 있을 수 있습니다. 요소는 원래 일반적인 문서 흐름에서 차지 하는 공간 요소 존재 하지 경우 닫힙니다. 요소 생성에 어떤 유형의 상자 그것은 원래 정상적인 스트림에서 생성 블록 수준 상자에 배치 됩니다.
고정
요소 상자 설정 위치를 절대, 처럼 동작 하지만 그것의 포함 하는 블록은 자체 창.
팁: 상대 위치 실제로 여겨진다 요소의 위치는 정상 흐름에서의 위치를 기준으로 하기 때문에 모델 위치 정상 흐름의 일환.