一个元素会自动在页脚上方添加不需要的边距空间

Question

有些东西会为页脚添加不需要的页边空间。我想删除它，但无法弄清楚它来自哪里。请看下面的图片。

提前感谢您的回答。

element.style {
    margin-top: 581px;
    display: block;
}
footer#main-footer {
    background: #F60;
    padding: 60px 0 30px;
    color: #fff;
    font-size: 13px;
    line-height: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

HTML

<footer id="main-footer">

Answer 1

显然，一些javascript（可能来自框架或模板）动态添加element.style（即执行脚本）。您必须至少停用（框架）脚本的那一部分。 由于您没有提供更多信息和代码，所以可以说这一切都可以帮助您。

附加：请注意图片右下方的内容：这些内容来自......

附加2：您可以尝试添加#main-footer { margin-top: 0 !important;}，但这不是一个很好的解决方案......

Answer 2

由于问题中的细节有限且无法重现问题，我可以提出两件事：

1. 作为一个替代方法，您可以使用页脚#main-footer {margin-top：0px！important}。虽然不建议这样做。 https://css-tricks.com/when-using-important-is-the-right-choice/
2. 或者，如果您希望调试此问题，请逐个从HTML中删除JS引用。会有一些JS代码导致这种情况。当您删除对该代码的引用时，您的页脚就可以了（不使用上面提到的解决方法）。一旦确定了JS文件，就可以调试该代码，以检查添加margin-top。
的原因

Answer 3

bootstrap mt20解决了问题：using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Microsoft.Azure; // Namespace for CloudConfigurationManager using Microsoft.WindowsAzure.Storage; // Namespace for CloudStorageAccount using Microsoft.WindowsAzure.Storage.Table; // Namespace for Table storage types namespace ConsoleApplication1 { class Program { static void Main(string[] args) { try { // Retrieve the storage account from the connection string. CloudStorageAccount storageAccount = CloudStorageAccount.Parse( CloudConfigurationManager.GetSetting("StorageConnectionString")); // Create the table client. CloudTableClient tableClient = storageAccount.CreateCloudTableClient(); // Retrieve a reference to the table. CloudTable table = tableClient.GetTableReference("Demo"); // Create the table if it doesn't exist. table.CreateIfNotExists(); Console.WriteLine("Succ"); } catch (Exception ex) { Console.WriteLine(ex); Console.ReadKey(); } } } }