gpt4 book ai didi

internet-explorer - 内联 block : Firefox 4 vs IE 9

转载 作者:技术小花猫 更新时间:2023-10-29 11:07:10 24 4
gpt4 key购买 nike

我很困惑为什么 IE9 会以一种令人惊讶的方式解释这种基本行为。在 Firefox 4 或 Chrome 11 中,我看到 div 如我所料并排显示。但是在 IE9 中,我看到 div 一个接一个地出现。

<div style='border: black solid 1px'>
<div style='display: inline-block; width: 10em; height: 1em; background-color: red'>
block one
</div>
<div style='display: inline-block; width: 10em; height: 1em; background-color: green'>
block two
</div>
</div>

我确信 IE9 符合标准,那么我错过了什么?

如有任何帮助,我们将不胜感激!

更新:哇,这太奇怪了。我之前没有DOCTYPE声明。我添加的那一刻 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">在页面顶部,IE9 运行良好,就像 Firefox 和 Chrome 一样。知道它之前发生了什么吗?

最佳答案

我唯一能想到的是 IE9 正在使用兼容性 View (如果我没记错的话,类似于 IE7 的渲染引擎)来渲染您的页面。如果您关闭兼容性 View ,您会看到这些框按预期水平堆叠。

只有 IE8 和更新版本完全支持 display: inline-block . IE7 及更早版本将其应用于默认内联的元素(如 span ),而不应用于任何其他元素(如 lidiv )。因此,您的 block 元素仍然显示为 block ,而不是内联 block 。

UPDATE: Wow, this is bizarre. I had no DOCTYPE declaration before. The moment I add <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> at the top of the page, IE9 works fine, just like Firefox and Chrome. Any ideas what it was going before?

这很简单:在您添加文档类型声明之前,IE9 在 quirks mode 中呈现.在怪癖模式下,IE 对待 display: inline-block就像我在上一段中解释的那样,就像在旧版本中所做的那样。通过文档类型声明,IE9 将以标准模式呈现,按预期呈现您的样式。

关于internet-explorer - 内联 block : Firefox 4 vs IE 9,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5482765/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com