p标签不能内嵌div

p标签不能内嵌div

在开发，我在p内嵌了div，发现div单独出来了

它的开始标签<p>和结束标签</p>都会被浏览器会解析为：

<p></p>

所以我们的页面代码会被解析成

  <p></p>
    <div>p里面嵌套div</div>
  <p></p>

块级标签和内联标签之间的嵌套规则Nesting rules

1. 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其他内联元素

2. 块级元素不能放在p标签里面

3. 有几个特殊的块级元素只能包含内联元素不能包含其他块级元素。h1~h6,p,dt

4. li 可以包含 div

5. 块级元素和块级元素并排，内联元素和内联元素并列

---

★ p是块级元素只能包含内联元素，而不能包含块级元素，还有h1-h6，dt，也是如此

参考链接

❤ CSDN博客