Question

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

有没有人成功达到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/

Answer 1

尝试这样

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%;
}

将DIV设置为100％高度

1 个答案: