HTML 5 Doctype混乱布局

概述当我将其检查到W3C Validator时,我的网站几乎完成了100％.收到错误消息称我没有声明Doctype.所以我添加了 HTML 5<！DOCTYPE html> .好的,错误消失了.但为什么布局变得如此混乱？ 请在下面查看. http://itsdaffa.16mb.com/ – >没有Doctype http://itsdaffa.16mb.com/error.html – >使用Doc 当我将其检查到W3C ValIDator时,我的网站几乎完成了100％.收到错误消息称我没有声明DOCTYPE.所以我添加了 HTML 5<！DOCTYPE HTML> .好的,错误消失了.但为什么布局变得如此混乱？

请在下面查看.
http://itsdaffa.16mb.com/ – >没有DOCTYPE
http://itsdaffa.16mb.com/error.html – >使用DOCTYPE

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

解决方法 您需要将它放在CSS中：

HTML,body {    height: 100%}

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

见解释here

总结

以上是内存溢出为你收集整理的HTML 5 Doctype混乱布局全部内容，希望文章能够帮你解决HTML 5 Doctype混乱布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。