Question

以下代码在IE中不起作用。尽管DIV设置为left:0px和right:0px，但DIV并未跨越整个页面。根据调试器，Body元素的宽度很大。

为什么？

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

Answer 1

如果你想使用整个页面。使用width:100%和height:100%

Answer 2

哟不能使用“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>

Answer 3

实际上，不需要保证金。它也在IE中工作！

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

DIV绝对定位在IE中不起作用

3 个答案: