Css 显示：内联块在<；p>；及<；部门>；

我在一个

中放置了一个带有
显示：内联块的div。该div清除了左侧。但是如果我把它放在一个
中，它会遵循流程

小提琴：

有人知道为什么吗？如何使
与
内联块
的行为与
相同

浏览器为Chrome 29 
 < p>您的HTML无效，不能在代码> p>代码>标签内嵌套一个块级元素，考虑使用<代码> SPAN <代码>代替


如果需要，也可以在
div
中嵌套
p
标记，但文本将失去其意义，因此最好使用
p
并在
p
中嵌套
span

根据规范：

p元素表示一个段落。它不能包含块级别
元素（包括P本身）

Firefox也有同样的效果。切换到
解决了这个问题。使用
显示：内联块的全部意义在于它不再是块级元素，所以我猜OP认为它可以。（顺便说一句，您可能希望包含一个指向该规范的链接，其中说明该规范无效；支持您的断言总是好的：-）。@Spudley正在搜索该链接，感谢您的建议……：）正是我要找的！