div高度100%未显示在页面上

时间:2012-08-27 11:27:19

标签: css html

我试图将屏幕高度设为100%,我无法让它工作。我的包装器是<body>中的第一个也是最后一个,它的高度是100%。我在里面有另一个div,它的高度也是100%。它根本不显示在页面上。为什么会发生这种情况?

2 个答案:

答案 0 :(得分:6)

HTML,BODY和DIV代码必须有height: 100%;

html, body, div
{
    height: 100%;
    width: 100%;
}

http://jsfiddle.net/Kyle_Sevenoaks/RYmvX/

您可以在示例中看到只有div具有背景颜色,它会填充整个窗口。

答案 1 :(得分:1)

您的身体标签可能仍有余量。尝试在正文标记上设置margin:0