盒子模型和IE答案

【问题标题】：The box model and IE盒子模型和IE
【发布时间】：2012-12-19 13:46:39
【问题描述】：

关于 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>

【问题讨论】：

您使用的是文档类型吗？
@BoltClock，是的。 html5。有点奇怪。我以前从未见过这样的事情。
你的标记是什么样的？
似乎给出的 CSS 不相符 - form #post 中有一个空格。我假设这是一个错字？
是的，Bolt，这是一个错字。虽然，即使有错字，它应该仍然有效，不是吗？

标签： html css internet-explorer

【解决方案1】：

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

感谢大家观看！

【讨论】：