Question

当我将其检查到W3C Validator时，我的网站几乎完成了100％。得到错误，说我没有声明Doctype。所以我添加了HTML 5 <!DOCTYPE html>。好的，错误消失了。但为什么布局变得如此混乱？

请在下面查看。
http://itsdaffa.16mb.com/ - ＆gt;没有Doctype
http://itsdaffa.16mb.com/error.html - ＆gt; WITH Doctype

我偶然发现了类似问题的一些答案但却无法理解，因为大部分都是他们的代码的特定错误。例如，在this question中，用户通过移除否定的right属性值解决了他的问题，而我的代码中没有任何属性值。
我是一个完全的初学者，事实上这是我从头开始构建的第一个网站。我迫切需要帮助。谢谢:)）

Answer 1

您需要将它放在CSS中：

html, body {
    height: 100%
}

原因是当您添加doctype时，您将从quirks模式切换到标准模式。在标准模式下，html和body元素不会默认为100％高度。

参见解释here