2011-12-28 151 views
0

下面的代碼不工作在IE工作。儘管事實上它設置爲left:0pxright:0px,但DIV並未跨越整個頁面。根據調試器,Body元素有很大的寬度。DIV絕對定位不IE

爲什麼?

<!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> 
+0

哇。你爲什麼這麼做?只需將您的身體bg設置爲紅色即可。大聲笑 – 2011-12-28 08:20:26

+0

這是真正的任務提取。 – Dims 2011-12-28 08:24:50

回答

0

如果你想使用整個頁面。使用width:100%height:100%

0

喲不能使用「left:0; right: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> 
+2

這是錯誤的。您可以同時使用左側和右側,以及頂部和底部。這也只會包含在容器中的內容。測試你的代碼,然後再做出這樣的陳述。 – 2011-12-28 08:25:30

+0

你爲什麼說IE可以同時使用'left'和'right'而IE不能使用它? – Dims 2011-12-28 08:30:16

+0

沒有必要要擺正和在同一個容器中離開。如果我會用左,右同一個容器中最後一個覆蓋第一個,爲什麼我說你不能在同一個容器中的左側和右側。 – 2011-12-28 08:31:20

0

其實,不需要利潤。它也在IE中工作!

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

那麼,'right'在IE中不能正常工作? – Dims 2011-12-28 08:25:19