为什么span元素显示为块级元素？

Question

我刚刚阅读this并找到了

$( "p" ).clone().add( "<span>Again</span>" ).appendTo( document.body );

但无法理解为什么span元素确实显示为块级元素。

demo

Answer 1

默认情况下，span是内联元素。

示例中的块元素是段落p元素。由于段落占据了页面的所有宽度，因此导致在其下添加跨度。

看看这个调试图像：

Answer 2

span元素在这里完全是内联的

alert($('body').css('span'));

JSFIDDLE