如何删除 CSS 中的填充答案

【问题标题】：How do I delete padding in CSS如何删除 CSS 中的填充
【发布时间】：2021-07-30 21:54:53
【问题描述】：

我已使用下面的 CSS 删除了标题和一些填充，但仍有一些填充我似乎无法删除。

这是我目前的编码：

    .site-info { display: none; }
header.entry-header {
    display: none;
}
.page .post-header {
    display: none;
}

在检查时显示

<div id="content" class="site-content" style="padding-top: 2.5em;

谁能帮帮我？

【问题讨论】：

【解决方案1】：

<div id="content" class="site-content" style="padding-top: 2.5em;

你不是从这里得到 paddimg 吗？内联样式。内联元素的顺序高于内部或外部 css

【讨论】：

【解决方案2】：

填充是从其他地方继承的。默认浏览器设置或您的其他 div/元素之一。您可以在 CSS 中使用 div 或类的 id 来手动更改它，如下所示：

#content, .site-content {
 padding-top: 0px;
}

您可以尝试仅使用 id 标记或 class 标记来查看具体是哪一个导致填充继承。必须查看更多代码/网站才能确定。

【讨论】：

【解决方案3】：

填充设置在其他地方content 是样式表中的一个常见 id 标记 - 您可以覆盖它。

<style>
 body #content{
   padding:0px;
 }
</style>

如果这不起作用，这将是

<style>
 body #content{
   padding:0px !important;
 }
</style>

【讨论】：