设置一个DIV至100％的高度

我设置一个DIV至100％的高度，如图所示：http://www.dave-woods.co.uk/wp-content/uploads/2008/01/full-height-updated.html，但问题是，如果页面滚动<body>标签背景颜色不起作用。设置一个DIV至100％的高度

是否有人成功实现了100％高度的div标签，或者你能告诉我本教程缺失的是什么？

html, 
body { 
    height: 100%; 
} 
* html #content { 
    height: 100%; 
} 
body { 
    background: none repeat scroll 0 0 #2F404A; 
    color: #505050; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    min-height: 100%; 
}

黑区是标签，而你可以看到内容超出身体标记。

截图：http://img833.imageshack.us/i/screenshotxh.png/

来源

2010-11-03 Webnet

你能告诉你的代码来解释你的意思到底是什么？显然（如页面所示）100％的高度是可能的。 – poke 2010-11-03 23:21:50

我能够修改您提供的网站（使用Chrome的检测工具），并确保进行了滚动，更改了背景颜色，并且这一切都按预期工作。您不得正确模拟网站。 – Jeremy 2010-11-04 00:13:10

您是否明白，将Div高度设置为100％时，您要求Div计算此相对于其包含块的高度......并且不一定是从视口的高度？ – 2010-11-04 06:16:28

尝试这样

html, 
body { 
    height: 100%; 
} 
body { 
    background: none repeat scroll 0 0 #2F404A; 
    color: #505050; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    min-height: 100%; 
} 
* html #content { 
    height: 100%; 
}

来源

2010-11-04 13:46:31

设置一个DIV至100％的高度

回答

相关问题