当Html“footer”div没有嵌套在代码中时，它们会自动嵌套在“main”div中吗？_Html_Css

当Html“footer”div没有嵌套在代码中时，它们会自动嵌套在“main”div中吗？

html css

当Html“footer”div没有嵌套在代码中时，它们会自动嵌套在“main”div中吗？,html,css,Html,Css,在我的代码中，我有： <html> <head> ... </head> <body> <div id="body"> <div id="main"> ... </div> <div id="footer"> ... </div&g

在我的代码中，我有：

<html>
    <head>
    ...
    </head>
    <body>
       <div id="body">
          <div id="main">
          ...
          </div>
          <div id="footer">
          ...
          </div>
       </div>
    </body>
</html>

但出于某种原因，在网页上，当我“Inspect Element”时，它会将“footer”div显示为嵌套在“main”div中

有什么想法吗？

当你第一次

</div>

在代码中，您将结束body div，而不是main div。下面是解决此问题的一种方法

1：

检查主分区内部。更有可能的是，您在该分区的某个位置丢失了一个结束标记。

可能在主分区中有一个未关闭的标记。。。可能是输入错误。通过验证器运行标记，它会发现问题。-不幸的是，事实并非如此。我使用的是Phpstorm，它显示所有标记都已关闭=/您可以通过某种方式向我们展示完整的代码吗？您是否保护了css和额外的html5标记？抱歉，但为什么文档中有两个？id应该是唯一的。你错了：第一个并没有结束body div，它结束了main div。

<div id="body">
...
   <div id="main">
...
</div>
</div>
<div id="body">
<div id="footer">
...
</div>
</div>