浏览器何时添加 CSS 样式作为属性，即使这些样式没有明确指定？答案

【问题标题】：When do browsers add CSS styles as attributes, even though these have not been specified explicitly?浏览器何时添加 CSS 样式作为属性，即使这些样式没有明确指定？
【发布时间】：2014-06-24 11:46:00
【问题描述】：

亲爱的StackOverflowers，

我目前正在开发一个网站，我偶然发现了一个奇怪的 CSS 样式解释。

我得到的是

<div id="..." style="padding-bottom: 78px; padding-top: 78px;" >...</div>

对于没有在任何地方指定这些样式的元素，即使我查看页面源，也没有这些样式！

那么，问题是，这些样式突然出现的原因是什么？

在我的特定情况下，<div> 元素分配了以下样式：

position: absolute;
top: 0px;
right: 0px;
height: 100%;
-moz-box-align: center;
-moz-box-pack: center;
display: -moz-box;
padding-bottom: 15px;
padding-top: 15px;
box-sizing: border-box;

使用任何浏览器（Firefox/Chrome/Internet Explorer）我可以看到padding-top 和padding-bottom 样式被上面提到的那些inline 样式覆盖。

我在这里缺少什么？我应该在哪里搜索提示？

【问题讨论】：

简单解决方案在此处添加轮廓：红色 5px 实心；你会看到它在哪里应用
它们是内联样式。它们要么在 HTML 中，要么已经被 JS 应用。
很可能是您正在使用的 JS 库...注释掉所有指向 JS 库/代码的链接并逐渐重新引入它们以获取有问题的脚本...
还要仔细检查外部样式表。引用通常位于标记的 head 部分。
@M.chaudhry：对不起，我没有得到你的建议。我把那个大纲放在哪里？浏览器说样式是特定于元素的。但是，这些都没有在任何 CSS 文件（也不是 JS 文件）中定义

标签： html css internet-explorer google-chrome firefox

【解决方案1】：

好的，正如 cmets 中所建议的那样，这种（奇怪）行为的原因实际上是 JavaScript。

一开始我以为不是，因为我肯定会从我的页面中删除所有 JS 脚本，但是，还剩下几个。

感谢大家，特别是 shennan 和 Paulie_D 的想法。

【讨论】：