Question

好的我有一个简单的HTML网页。问题是，当我在页面开头指定Doctype时，我的样式表高度：100％不起作用。

如果我删除doctype声明，一切都按预期工作。所以谁知道为什么会这样？我应该使用什么doctype？
我也试过使用“Strict”DOCTYPE声明，但仍然存在同样的问题。提前谢谢。

下面是完整的HTML，其中height：100％不起作用：

<!DOCTYPE html PUBLIC "-//VYOM//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/transitional.dtd">
<html>     
<body>
    <div style="background-color:red; height:100%;">
        testing 123...
    </div>     
</body>

如果删除doctype，DIV将按预期占用100％的可用高度：

<html>     
<body>
    <div style="background-color:red; height:100%;">
        testing 123...
    </div>     
</body>
</html>

Answer 1

添加：

body, html {
    height:100%
}

IE8 doctype声明的100％高度问题

1 个答案: