前端之家收集整理的这篇文章主要介绍了
html – 放置显示：嵌套显示内嵌元素：块元素不起作用？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
看这个例子：
http://jsfiddle.net/aLrfmyqm/
p {
display: inline;
}
em {
display:block;
}
<p> Outer inline <em>Block <p>Inner inline</p></em></p>
我希望< p> Inner inline< / p>然而,要与Block内联,它将从一个新行开始.有没有人有这个想法？谢谢！
您的
标记无效.你不应该在p元素中嵌入一个p元素,因此问题.
从W3C开始：
The P element represents a paragraph. It cannot contain block-level
elements (including P itself).
检查来源,你会得到它为什么它的行为与你期望的不同
您的浏览器实际上会将所有标签分开并为您关闭p元素.
那么我们如何修复呢？使用< span>元素而不是< p>
Demo
原文链接：https://www.f2er.com/html/224970.html
