修复了doctype声明后,我的页面坏了

时间:2015-01-24 20:23:08

标签: html css doctype

因此。我有这个非常奇怪的问题。我同时构建了三个网站,但我已复制+粘贴基本代码以节省时间。我没有意识到我的doctype声明拼写错误。我把它作为<!doctype HMTL>显然拼写错误,但我的所有页面都按照CSS告诉他们的方式运行。当我意识到我拼错了,我试图纠正错误,但后来一些间距和边框功能都没有正常工作。这有什么特别的原因吗?例如

html, body {
  min-height:100%;
  margin:0;
}

产生0px的余量,但不会扩展身体,这是一个问题因为它上面有边框。如果我回到doctype声明的拼写错误的版本,那么它会对其他浏览器产生一些负面影响吗?

此外,我使用的是Adobe EdgeCode,我的测试环境是在Chrome中。

1 个答案:

答案 0 :(得分:0)

尝试将height:100%提供给html

  

百分比是根据生成的框的包含块的高度计算的。 MDN - min-height

像这样:

html{
    height:100%;
}
html, body{
   min-height:100%;
   margin:0; 
}

Fiddle