盒子模型和IE

Question

我注意到我之前从未见过的关于IE和盒子模型的东西。

我有一个宽度为800px，高度为500px的表单标签。当我将h2标签放入此表单区域时，IE报告该框高于我指定的高度（通过我给h2标签的高度和边距/填充）。

在Firefox和所有其他浏览器中，高度不会改变。是什么给了什么？

form #post{
    height:500px;
    width:800x;
}

h2{
    font-size:20px
}

<form id="post">
  <h2>The Header</h2>
  <div>1</div>
  <div>2</div>
</form>

Answer 1

好的，发生的事情是我有一个样式表包含在IE中，并且有一个10像素的边距，这是额外高度的来源。

感谢大家的关注！