html - 如何消除容器顶部和底部的边距

Question

我正在使用下划线主题开发一个 WordPress 网站，我刚刚使用以下代码向我的网站添加了一个带有联系信息的小部件:

<div class="topheader">
   <div class="info">
      <?php if( is_active_sidebar( 'info' ) ) : ?>          
          <?php dynamic_sidebar( 'info' ); ?>
       <?php endif; ?>
   </div>
 </div>

CSS:

.topheader {
    background-color:#e6e6e6;
}
.info {
    max-width: 1280px;
}

信息是我在页面上的第一件事。但是我看到我的 slider 所在的顶部和底部都有一个空间。

如何消除标题前后的现有边距？

因为目前我有间隙，然后是小部件，在小部件之后还有另一个间隙，然后才是 slider 。 我尝试将页眉边距设置为 0px，但它并没有真正起作用。

这里是截图

Answer 1

How can I eliminate the existing margin that I see before and after the heading?

标题是指 H3 标签吗？这些在侧边栏中是默认的。您应该在侧边栏的 H3 标签上设置 margin-top:0，以消除任何将侧边栏向下推的边距。

为了解决这个问题，我会在小部件 block 中添加一些 margin-bottom 以将它们隔开一点。

我认为这就是你的意思..但是如果没有任何视觉表示你的问题是什么很难理解。