帖子底部的 Wordpress 奇怪的填充答案

【问题标题】：Wordpress weird padding at the bottom of posts帖子底部的 Wordpress 奇怪的填充
【发布时间】：2021-11-16 16:33:18
【问题描述】：

我的 WordPress 帖子正文末尾的空容器出现问题。我知道导致问题的原因并尝试修复它，但它也会以某种方式影响页脚底部填充。

这是导致问题的代码：

.main-container .row-container .double-bottom-padding {
    padding-bottom: 72px;
}

在我更改 CSS 代码之前，您会看到以下内容：

当我把它改成这样时：

.main-container .row-container .double-bottom-padding {
    padding-bottom: 0px;
}

它解决了问题，但也删除了页脚的底部填充。

方法如下：

我该如何解决这个问题？

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包含在问题本身最好是在堆栈片段中重现它所需的最短代码。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/example doesn't work can I just paste a link。
您提到的 CSS 规则适用于多个地方 - 因此您不能只更改那里的值。但是为什么在你的产品列表底部有一个带有该类的空元素呢？

【解决方案1】：

黑森

看起来你的问题是这个类

".double-bottom-padding" 包含在您的声明中：

.main-container .row-container .double-bottom-padding { padding-bottom: 72px; }

此类为页脚添加填充。如果您想从“.main-container”中删除填充而不是“.double-bottom-padding”，请从上述声明中删除“.main-container”或在您的 css 中编写附加语句

.double-bottom-padding { padding-bottom:72px }

【讨论】：

感谢克里斯的快速回答，我删除了“.main-container”，但没有任何改变。由于那个奇怪的容器和页脚使用相同的类进行填充，我不知道如何编写附加语句。
糟糕，对不起-我的错误。看起来填充底部实际上是“.row-container”。请忽略我上面的评论，然后设置 .row-container {padding-bottom:0} 确保将此语句写在 padding-bottom:72px 语句下方，以便它在 CSS 中具有优先权。
如果我得到正确的.main-container .row-container .double-bottom-padding { padding-bottom:72px } .row-container { padding-bottom:0px }，我尝试了这个，没有任何改变。
哦，天哪，我很抱歉，哈哈，这么晚了 - 像这样写 .main-container .row-container .double-bottom-padding { padding-bottom:72px } .main-container .post-body .row-container .double-bottom-padding {padding-bottom:0} 额外的 .post-body 将针对帖子部分中的填充而不是页脚中的填充。