高度:IE7中的100%

ste*_*ris 4 html css height

UPDATE

html和body的边距必须为0才能完全填充页面.

END UPDATE *更新*

我已经修复了使用以下建议将高度属性添加到html和body标签.现在需要轻微向下滚动才能查看整个页面.关于为什么会这样的想法?

结束更新

我正在使用CSS根据需要在屏幕上填充div.我的宽度和高度设置为100%,但div没有填满屏幕的高度.这是IE7的已知问题还是我可能只是遗漏了什么?代码如下.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <link rel="Stylesheet" href="test.css" />
</head>
<body>
<div id="divy"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS

#divy
{
    width:100%;
    height:100%;
    background-color:Blue;
}
Run Code Online (Sandbox Code Playgroud)

rle*_*mon 6

问题是容器必须具有100%的高度,因为它的子元素假设为100%...

在这种情况下,容器是<html>- > <body>所以快速修复

html, body {
    margin: 0;
    padding: 0;
}
html, body, #divy {
    width:100%;
    height:100%;
}
Run Code Online (Sandbox Code Playgroud)