有时候做项目会不小心用p嵌套div，发现控制不了样式，我们放到最后去讲p嵌套div的问题
首先，我们先用p标签来嵌套h1~h6，这里我选择h1（h1~h6测试结果都一样），上代码及效果图
让我们看下浏览器如何解析
我们发现，浏览器把h1标签给单独摘出来了，并且多了个p标签，导致这样的原因：
看代码图：首先浏览器找到开始标签 <p> 往后找发现了 <h1> 标签，由于 <h1> 标签不是 <p> 的结束标签,浏览器会认为你忘了写 p 的结束标签，就自动在 <h1> 前边补了一个p的结束标签，此时浏览器接着往后解析，发现h1的结束标签，由于p标签无法嵌套h1~h6标签，所以把h1摘出来放到了p标签后边，浏览器再往后找发现了p的结束标签，但是没有开始标签，所以会自动在p的结束标签前补一个开始标签，由于p标签不能嵌套p标签，浏览器又给摘出来放在了h1的下边，所以看到了如效果图所示的效果。
同样的原理，下边是p嵌套p，懂了吧
接下来我们再用p标签嵌套div试一下
跟上边是同样的原理，因为p不能嵌套div，嵌套的div会被摘出来，所以无法用p控制div的样式，导致样式错乱
希望对您有帮助，记得点赞哦
标签：浏览器,标签,h1,h6,嵌套,div From： https://blog.csdn.net/yyyyyyysc/article/details/142443461