【问题标题】:Box model difference between IE8 and IE9IE8和IE9的盒子模型区别
【发布时间】:2013-09-24 12:32:44
【问题描述】:

最近,我发现 IE8 像“Quirks Mode”一样渲染一个盒子,而在 IE9 中,没有问题,和其他现代浏览器一样。

下面是 IE 如何在 8 和 9 中渲染框的截图:

<div style="width: 150px; height: 150px; border: 1px solid red; padding: 2px; margin 3px; background: #333;">
</div>

我的问题是如何让 IE8 像 IE9 那样渲染框,谢谢?

【问题讨论】:

  • 我看不出两张图片有什么不同?
  • 您使用的文档类型是否正确?
  • @xec 抱歉,更正了屏幕截图。
  • @cimmanon 我确定 Doctype 是正确的。 ttp://www.w3.org/TR/html4/strict.dtd" rel="nofollow" target="_blank">w3.org/TR/html4/strict.dtd">
  • 似乎有什么东西导致您的 IE8 切换到 Quirks 模式。 document.compatMode 如果您在该页面上的脚本中检查它会说什么?

标签: internet-explorer-8 internet-explorer-9 css


【解决方案1】:

对于 IE8,在您的 div 上使用 box-sizing: border-box;

另外:您在margin3px 之间缺少:。 作为最佳实践:将样式与标记分开。

【讨论】:

  • 抱歉打错了,我把样式放在那个地方只是为了测试。这将“解决”问题,但这是否意味着 IE8 盒子模型仍然是旧的?
  • emm.. 我不确定。阅读this了解更多信息。
猜你喜欢
  • 2010-09-07
  • 2013-11-13
  • 1970-01-01
  • 2013-04-01
  • 2011-06-07
  • 2012-06-05
  • 2010-12-10
  • 1970-01-01
  • 2014-05-24
相关资源
最近更新 更多