높이와 너비가 설정되어 있고 위치 : 절대 설정되어있는 DOM 요소가있는 경우, 그렇지 않은 경우 요소의 위치를 예측할 수 있습니까? 어떤 위 치 지정 (위, 오른쪽, 아래 및 왼쪽 속성과 같은)이 있습니까? 위치의 기본값이 왼쪽 : 0, 위쪽 : 0입니까? 또는 요소가 원래 페이지에 배치 된 위치에 머물러 있습니까?위쪽, 오른쪽, 아래쪽, 왼쪽 등 지정되지 않은 절대적으로 배치 된 요소의 동작
위치가 브라우저마다 다른가요?
다음은 jsfiddle를 사용한 예입니다. http://jsfiddle.net/hPJa8/
대부분의 브라우저는 자연적인 위치에 요소를 배치하는 것처럼 보이지만 다음 요소는 페이지에 배치 될 때 절대적으로 배치 된 요소를 고려하지 않습니다. 결과적으로 후속 요소가 중첩됩니다.
요소의 왼쪽 위 모퉁이는 요소 위치가 정적 인 경우 그대로 유지됩니다. 불행히도, 그것은 엄격한 정의가 아닙니다.
이미지를 예로 들어 보겠습니다. 인라인 또는 블록 요소로 간주할까요? (대부분의 브라우저는 인라인이라고 말함). 이미지로 인한 줄 바꿈을 고려해야할까요? (대부분의 브라우저는 크기가 0 인 것처럼 행동합니다.) 우리는 어디에서 수직으로 배치해야합니까? 선택할 수있는 위치는 다음과 같습니다. 줄의 맨 위, 기준선, 현재 글꼴 높이, 이미지 높이. 범위를 추가하면 선택 항목이 추가됩니다. IE가이 질문에 대답하는 방식이 최근 AFAIK로 변경되었습니다.
브라우저와 브라우저의 차이점을 기대하십시오.