Javascript Chrome中的jQuery返回“；块；而不是",；内联“；

我有两个直连的div。它们都有相似的样式，重要的是都是内联的

JQuery报告说他们的css“显示”仅在chrome中是块。我真的需要知道这两个是内联的

JSFIDLE

css:

html:

1
2.

jQuery：

jQuery("div").click(function()
{
    jQuery(this).append("<br/><span>" + jQuery(this).css("display") + "</span>");
});

jQuery("div").click();

jQuery（“div”）。单击（函数（）
{
jQuery（this.append（“
”+jQuery（this.css（“display”）+”）；
});
jQuery（“div”）。单击（）；

---

有人知道发生了什么吗？更重要的是，我能做什么？（除了把头发拔出来……开始疼了；）

正如我在评论中所说，

float:left

强制

display:block

以下是规范中的相关信息：

元素生成一个块框 被向左浮动

然后：

否则，如果“float”有一个值 除“无”外，该框是浮动的 “显示”是根据 下表

---

总结上述表格：

float

=

display:block

您是否知道

float:left

强制

显示：block

<代码>显示：内联没有任何作用。如果你不相信我，就把它拿走！把它写在答案里，我会把它标对的。我在哪里可以找到这些信息？w3c？是的。（编辑：抱歉，没有更新以查看下面发布的答案，其中包含完全相同的链接：（）谢谢。更新了fiddle，以防其他人有相同的问题。）/

<div class="div1">1</div>
<div class="div2">2</div>

jQuery("div").click(function()
{
    jQuery(this).append("<br/><span>" + jQuery(this).css("display") + "</span>");
});

jQuery("div").click();