html - 盒子模型和IE

Question

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

我有一个宽度为 800 像素、高度为 500 像素的表单标签。当我将 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 像素的边距，这是额外高度的来源。

谢谢大家看这个！