将 <!DOCTYPE> 更改为 <!DOCTYPE html> 会导致我的包装器无法扩展答案

【问题标题】：Changing <!DOCTYPE> to <!DOCTYPE html> causes my wrapper to not extend将 <!DOCTYPE> 更改为 <!DOCTYPE html> 会导致我的包装器无法扩展
【发布时间】：2013-05-01 11:07:56
【问题描述】：

我刚刚在 W3C 验证器上检查了我的个人登录页面，以确保它是正确的 HTML5，并发现我需要 <!DOCTYPE html> 而不是 <!DOCTYPE> 才能通过。

但是背景图片不会延伸到底部。我已经为包装器尝试了最小高度，并清除了，但似乎没有任何效果。

普通：http://gbhall.com/

<!DOCTYPE html>:http://gbhall.com/index2.php

编辑：您将无法再看到错误，因为我已将其更新为下面提供的解决方案。

【问题讨论】：

标签： html css doctype

【解决方案1】：

你还需要给你的 body 和 html 100% 的高度：

html, body { height: 100%; }

【讨论】：

在使用 Firebug 进行快速编辑时，这似乎对我不起作用。 Aljullu 确实通过在包装器中添加 position: absolute 来解决它。
设置 html,body{height:100%} 和 #wrapper{height:100%} 应该在保持包装器正常流动的同时修复它。
哦，等等，确实有效。这似乎更优雅，我已经改变了我接受的答案。谢谢你们俩。

【解决方案2】：

尝试写作：

position: absolute

在您的 wrapper 班级中。

【讨论】：

啊你的美女！这行得通，谢谢！为什么添加绝对位置会导致它扩展？
还有任何线索为什么正确的 DOCTYPE 到 HTML5 会导致它被不同地解析？
它使浏览器以标准模式呈现您的页面，这是需要正确文档类型的全部要点。
您能详细说明一下吗？为了使其符合标准，包装器是否需要指定其位置？
@gbhall 在您使用该技术时要小心。 $('body').height() 将始终为 0 除非您明确指定它，并且它不会随您的包装器一起增长。