添加doctype html会破坏布局高度

obe*_*ezi 7 html css html5

我最近正在开发一个页面,在发现一切正常后发现我没有<!doctype html>在顶部添加标签.添加后,布局忽略了高度.

我把它剥离到最基本的布局,看看哪里出了问题,问题仍然存在.我正在做的与HTML5不一致吗?

工作源代码

它看起来像什么

Xar*_*ell 14

您应该将代码添加到帖子中,否则它将被关闭.此外,在codepen或jsfiddle上的东西会更好,所以我们实际上可以看到结果,而不是pastebin.

将其添加到您的CSS:

html, body {
  height: 100%;
  min-height: 100%; /* for firefox */
}
Run Code Online (Sandbox Code Playgroud)