css - 显示:inline-block in and

Question

我用 display:inline-block 放置了一个 div里面 <p></p> 。 div 清除左侧。但如果我把它放在 <div></div> 中，它遵循流程。

fiddle :http://jsfiddle.net/jDBxN/

有人知道为什么吗？如何制作<p>与 inline-block行为与 <div> 相同？

浏览器是 Chrome 29

Answer 1

您的 HTML 无效，您不能在 p 标记内嵌套 block 级元素，请考虑使用 span 代替

Demo

如果你愿意，你也可以在 div 中嵌套一个 p 标签，但文本会失去它的含义，所以最好使用 p 和将 span 嵌套在 p 内。

来自规范:Resource

The P element represents a paragraph. It cannot contain block-level elements (including P itself).