如何删除 wordpress 主题中横幅和内容之间的空格？答案

【问题标题】：How to remove space between bannner and content in wordpress theme?如何删除 wordpress 主题中横幅和内容之间的空格？
【发布时间】：2016-10-23 22:43:57
【问题描述】：

我的一些 CSS 有问题，也许有人可以帮助我。

我没有看到任何会出现问题的边距或填充。只有高度太大或其他东西。

我正在使用 wordpress 悉尼主题。

这是website。

如何在横幅和页面内容之间留出空间？这是我的意思的截图。

谢谢。

【问题讨论】：

标签： html css wordpress

【解决方案1】：

这是因为空间不是由任何边距或填充引起的。空间是由使用相对位置移动的元素造成的。

#sf-slider-overlay {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 230px;
  width: 1170px;
  z-index: 999;
}

如果您将其更改为 position:absolute;，它会修复您拥有的额外空间。

像这样：

#sf-slider-overlay {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 230px;
  width: 1170px;
  z-index: 999;
}

您可能需要稍微调整一下位置才能使其正确，我注意到一旦设置了absolute，“国内”一词就位于屏幕边缘，所以也许添加一个left:2em;财产，甚至padding-left:2em;

【讨论】：

【解决方案2】：

您在元素#sf-slider-overlay 中使用position: relative;。 position: relative; 从浮动中取出一个元素，但空间仍然存在。

您可以使用position: absolute;，但必须设置left 属性才能获得与现在相同的结果：

#sf-slider-overlay {
    position: absolute;
    left: 50%;
    translate: translateX(-50%);
}

【讨论】：

【解决方案3】：

有一个元素（#sf-slider-overlay）位置错误。

#sf-slider-overlay {
    position: relative;
    top: 230px;
    z-index: 999;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

改成，

#sf-slider-overlay {
    position: absolute;
    top: 230px;
    z-index: 999;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

【讨论】：

【解决方案4】：

如此简单，只需将以下代码添加到您主题的自定义 css 样式中

#sf-slider-overlay {
    position: absolute;
}

您的问题将得到解决或将上述代码放入您的页面css中。

【讨论】：

【解决方案5】：

#sf-slider-overlay {
    position: absolute;
    top: 230 px;
    z - index: 999;
    width: 1170 px;
    margin - left: auto;
    margin - right: auto;
}

你只需要这样做..

Position : absolute

会工作☺

【讨论】：

如果此答案满足您想要的答案，则标记为完美答案