Html 为什么内联div在p中的行为是这样的

在链接的示例中，我有一个文本和一个段落，每个段落都包含

span

和

div

元素。 尽管所有

div

元素都有

显示：inline样式，来自
的第一个
div
从下一行开始

为什么呢

以下是一个例子：

我在这里复制了代码：

Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo, 
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam
dictum felis eu pede mollis pretium.


<p>Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo,
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam 
dictum felis eu pede mollis pretium.</p>

Cum Socias natoque penatibus et我是nascetur montes的一名产妇
小白鼠。Nulla consequat massa我是enim justo的一名内联师，
朗卡斯·尤特，我是一名内联分区长，维尼那提斯·维塔，胡斯托。纳拉姆
猫的口头禅是指猫的口头禅。
我是nascetur montes的一名产妇
小白鼠。Nulla consequat massa我是enim justo的一名内联师，
朗卡斯·尤特，我是一名内联分区长，维尼那提斯·维塔，胡斯托。纳拉姆
猫的口头禅是指猫的口头禅

div
内部
p
是无效的标记。当浏览器遇到
div
元素时，它会自动关闭
p
标记并启动新的
div
它不会在Chrome 24.0.1312.57中这样做。您使用的浏览器是什么？另外，页面是在标准遵从模式还是在怪癖模式下呈现？我在Firefox 21、Chrome 24、Safari、Opera和IE 9上查看过。考虑到它们都呈现相同的东西，我很确定这不是一个浏览器错误。不管怎样，我在这里得到了我的答案，谢谢Eli。可能在他使用的任何浏览器中都是如此。然而，在我的（Chrome 24.0.1312.57米）中却没有发生这种情况。@crush:你确定你在检查段落中的第一个div吗？这是示例文本中的第三个div。@crush，在我的Chrome（26beta）上，这正在发生。问题如问题中所述，在
div
之前甚至有一个空行。当您在开发人员模式（F12）下查看文档时，可以在
标记之前看到隐含的
标记。空白行实际上是<代码> P<代码>的下限。最后，无家可归者
在其前面暗示了一个开始标记
。关键是CSS设置不能影响HTML解析，这会导致
p
元素被终止。我现在明白了。谢谢，我不知道：）