关闭div似乎从代码中消失了

Question

这是我的代码：https://github.com/jhvanderschee/rafkappers

这个结束div不会显示在FF或Chrome中：https://github.com/jhvanderschee/rafkappers/blob/master/_includes/footer.html#L38

这可以在这里看到：http://www.rafkappers.nl。在localhost，这不会发生。这让我疯了！如何解决这个问题？

编辑：我添加了一些额外的源代码示例，以说明问题。请注意，我稍后添加了注释，以证明网站已部署（正确）。

view-source：http://www.rafkappers.nl/（使用CloudCannon托管的实时网站）

<!-- div after --><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

https://app.cloudcannon.com/editor#/site/21927/browser/_includes/footer.html（CC中的源代码）

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

view-source：http://localhost:4000/

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

Answer 1

看起来CloudCannon使用的任何工具来构建您的网站，正在删除div。

我在GitHub上克隆了您的存储库，并运行了一个简单的jekyll build来查看生成的文件，它的行为符合预期。

我已将您网站的副本放在GitHub回购中，让GitHub页面运行Jekyll，它也可以正常运行*

https://sandboxorg.github.io/rafkappers/ https://github.com/sandboxorg/rafkappers

（*）图片没有显示，因为你没有准备它有基本网址，你应该解决这个问题

我注意到的一件事是，似乎缺失的div是div，与<div id="wrapall">的关闭相对应，就在此之前，那里＆＃39} ;另一个div，<div id="nonsplash">永不关闭。因此，您可能希望尝试关闭此nonsplash div并查看是否修复了它（假设某些工具正在验证Jekyll的HTML输出并对其进行更改）。

如果这没有帮助，最好的办法是联系CloudCannon支持并表明在直接使用Jekyll或GitHub页面时，这种行为不会发生。

Answer 2

我刚收到来自CloudCannon的Mike的反馈：这是CloudCannon造成的问题。他写道：

＆＃34;在_includes / footer.html中，您关闭了已在其他位置打开的内容。通常这不是一个问题，但你也有这个文件的可编辑类。要使可编辑的类工作，我们需要在其上解析一个html文件。当我们在_includes / footer.html上执行此操作时，解析器会看到其他内容并将其删除，因为它从未打开过。＆＃34;

有两种解决方案：

• 始终打开和关闭同一文件中的HTML元素或
• 不要使用可编辑的类来打开/关闭多个文件中的html元素。