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)
问题是容器必须具有100%的高度,因为它的子元素假设为100%...
在这种情况下,容器是<html>- > <body>所以快速修复
html, body {
margin: 0;
padding: 0;
}
html, body, #divy {
width:100%;
height:100%;
}
Run Code Online (Sandbox Code Playgroud)