IE에서 DIV 절대 위치 지정이 작동하지 않습니다.

다음 코드는 IE에서 작동하지 않습니다. DIV는 left:0px 및 right:0px으로 설정되어 있음에도 불구하고 전체 페이지로 확장되지 않습니다. Body 요소는 디버거에 따라 큰 폭을가집니다.IE에서 DIV 절대 위치 지정이 작동하지 않습니다.

왜?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body> 
    <div align="center" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: red"> 
      Some text 

    </div> 
</body> 
</html>

출처

2011-12-28 Dims

와우. 너 왜 이러는거야? 몸을 빨간색으로 설정하십시오. lol –

이것은 실제 작업 추출입니다. – Dims

전체 페이지를 사용하려는 경우 width:100% 및 height:100%

출처

2011-12-28 08:21:31

같은 컨테이너에서 왼쪽 또는 오른쪽 및 위쪽 맨 아래에 "왼쪽 : 0; 오른쪽 : 0"을 사용할 수 없습니다.

사용이

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
    <body> 
    <div align="center" style="position: absolute; left: 0; top: 0; background-color: red"> 
     Some text 

    </div> 
</body> 
</html>

출처

2011-12-28 08:22:27

이것은 거짓입니다. 왼쪽과 오른쪽, 상단과 하단을 동시에 사용할 수 있습니다. 이것은 또한 내용을 컨테이너에 묶을뿐입니다. 이와 같은 진술을하기 전에 코드를 테스트하십시오. –

IE가 작동하지 않는 동안 왜 '왼쪽'과 '오른쪽'을 동시에 사용할 수 있다고 말하는가? – Dims

같은 컨테이너에 좌우를 둘 필요가 없습니다. 같은 컨테이너에서 왼쪽과 오른쪽을 마지막으로 사용하면 첫 번째 컨테이너를 덮어 씁니다. 왜 내가 같은 컨테이너에서 왼쪽과 오른쪽을 사용할 수 없다고 말했습니까? –

는 사실, 마진이 필요하지 않습니다. 그리고 그것은 IE에서 또한 여기에서 일하고 있습니다!

position: absolute; width:100%;height:100%;background-color: red;

출처

2011-12-28 08:23:30

그렇다면 IE에서 제대로 작동하지 않습니까? – Dims

IE에서 DIV 절대 위치 지정이 작동하지 않습니다.

답변

관련 문제