如何找到不知从何而来的元素样式的根本原因

Question

好吧，我不知道这是怎么发生的。

这是我的HTML代码应该的样子：

  <nav class="navbar navbar-inverse navbar-fixed-top">

这是Chrome向我展示的内容：

 <nav class="navbar navbar-inverse navbar-fixed-top" datasqstyle="{&quot;bottom&quot;:null}" datasquuid="2b7a4e8b-dd51-451e-b4ad-c25d7a088886" datasqbottom="40" style="bottom: 0px;">

不知道所有这些额外的代码是从哪里来的。 我正在编辑的唯一JavaScript是在网站上的不同页面上。 甚至不在索引页面上，我知道它不会影响整个网站，因为代码在网站的正文中，而不是页脚或页眉。

 style="bottom: 0px;"

突然出现，当我上下滚动时，它从 0px 变为不同的值。

https://collegeconnect.ph

你会看到出了什么问题(导航菜单占据了整个网站(。

不确定是什么文件使导航代码变得疯狂。 一切正常，直到我在手机(android(上检查了该网站，意识到移动菜单按钮没有正确显示(导航菜单本身还可以(，然后我转到chrome并打开移动模拟器，它开始表现得很奇怪。

Answer 1

我遇到了类似的问题，即 datasq* 标签意外出现在代码中。当我关闭页面的 SEOQuake 工具栏时，datasq* 标签消失了。希望这对某人有所帮助。

Answer 2

从自定义中的 .container-fluid .navbar 类样式中删除底部 0px ！important.css

.container-fluid .navbar { bottom: 0px !importtant; }