在 CSS 中将 margin-top 更改为 div答案

【问题标题】：Changing margin-top to div in CSS在 CSS 中将 margin-top 更改为 div
【发布时间】：2013-04-06 02:50:24
【问题描述】：

我正在尝试更改 WordPress 主题中 div 的 margin-top 属性，但它似乎不起作用。我在自定义 css 样式表中添加了以下行：

 div#primary {
     display: block;
     margin-top:50px;
   }

但是，我要更改其属性的 div 并没有向下移动。该示例可以在以下 URL 中找到：http://who.designbond.co.uk/contact-2/ 我需要向下移动的 div 是包含 Phylosophy 文本的那个。谁能向我解释我做错了什么？谢谢

【问题讨论】：

【解决方案1】：

div 具有与 margin-top: 0px 的内联样式，它会覆盖您的样式表。

您需要删除或修改该内联样式，或者（在紧要关头，不要告诉任何人我说过）将!important 添加到您的样式表规则中）。

【讨论】：

【解决方案2】：

div#primary {
     display: block;
     margin-top:50px !important;
}

我知道这不是一件好事（添加 !important），但它可以提供帮助。

【讨论】：

【解决方案3】：

某事正在该 div 上设置一些内联样式。您可以使用!important 覆盖它。

#primary {
    margin-top: 50px !important;
}

此外，由于该元素上有一个 id，因此您的 css 选择器可以简化为 #primary 而不是 div#primary

【讨论】：

【解决方案4】：

我看到 id 为 primary 的 div 有一个行内样式表。内联样式表优先于基于类的样式表。您的内联样式表有 margin-top:0px，它忽略了基于类的样式。删除它，它会工作。

【讨论】：

是否有任何其他方法可以覆盖内联样式，因为我不想在文件中引入任何更改。
然后尝试使用 id="content" 修改/添加边距到 div，这可能会导致您达到相同的效果，我还注意到您添加了自己的 div#primary，这不起作用，因为响应式.css 第 202 行已经有一个指定了样式表的类。我建议你仔细检查你的样式表，首先找到你想要编辑的内容是否存在（大部分时间都可用），如果没有，然后将你的样式表添加到正确的位置。