在我的代码中,有两个P标签.我给了他们边境.我认为我的代码中有两个浅蓝色块,因为有两个p标签.但是,如果我运行此代码,那里有三个块.我想知道为什么.请帮忙.谢谢阅读.
p {
margin: auto;
text-align: center;
background: lightblue;
height: 70px;
width: 200px;
border: solid 1px black;
line-height: 70px;
}<html>
<head>
<meta charset="utf-8" http-equiv="content-type">
<style media="screen">
p {
margin: auto;
text-align: center;
background: lightblue;
height: 70px;
width: 200px;
border: solid 1px black;
line-height: 70px;
}
</style>
</head>
<body>
<p><p>dddddddddddoo</p></p>
</body>
</html>使用浏览器的元素检查器查看实际的DOM.结果是:
<p></p>
<p>dddddddddddoo</p>
<p></p>
a p内的a p无效.当浏览器遇到第二个时<p>,它会隐式关闭第一个p.沿着这条线的某个地方,第三个p是从无效标记中隐式创建的.