我只是致力于创建一个简单的地址容器，而我的 HTML 中只有以下简单标记:
<p class="address">
<ul>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul>
</p>
和以下 CSS:
.address {
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5);
box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
现在不知何故 <p>元素不包含 ul盒子阴影也没有应用于 p标签，但是当我替换 p 时带有 div 的标签标签，一切正常。 div 包含 ul (可以在检查元素中看到)并且 div 也有一个框阴影。我已经在 FF 和 Chrome 中检查过了，但不知道为什么会出现这种故障。
最佳答案
请参阅类似问题的答案:List of HTML5 elements that can be nested inside P element?
只有短语内容可以在<p>之间标签，说明如下:
Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.
关于html - p 标签不包含 ul 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30230316/