gpt4 book ai didi

html - 为什么block会在重叠的P标签中多加一个?

转载 作者:太空宇宙 更新时间:2023-11-03 19:56:27 26 4
gpt4 key购买 nike

在我的代码中,有两个 P 标签。我给了他们边界。我认为我的代码中有两个浅蓝色 block 因为有两个 p 标签。但是如果我运行这段代码,就会发现里面有三个 block 。我想知道为什么。请帮忙。感谢阅读。

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 pp 内是无效的。当浏览器遇到第二个<p> , 它隐式关闭第一个 p .沿线某处第三个p正在从您的无效标记中隐式创建。

关于html - 为什么block会在重叠的P标签中多加一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40681219/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com