添加doctype html会破坏布局高度

时间:2013-06-26 19:00:31

标签: html css html5

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

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

The working source code

What it looks like

2 个答案:

答案 0 :(得分:12)

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

将此添加到您的CSS:

html, body {
  height: 100%;
  min-height: 100%; /* for firefox */
}

答案 1 :(得分:1)

您必须设置代码的高度

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}