css - 添加 doctype html 会破坏布局高度

Question

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

我将它剥离到最基本的布局，看看哪里出了问题，问题仍然存在。我所做的与 HTML5 不一致吗？

score 14 · Accepted Answer

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

将此添加到您的 CSS 中：

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

score 2 · Accepted Answer

您必须设置标签的高度

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

2 回答 2