如何从颜色框中删除底部边距空白答案

【问题标题】：How can I remove the bottom margin whitespace from colorbox如何从颜色框中删除底部边距空白
【发布时间】：2020-10-02 02:45:39
【问题描述】：

我正在使用颜色框在网页中间打开一个窗口，并且我正在使用 iframe 版本。目前我只是将基本代码开发为模型，以便在多个应用程序中实现它。

我正在尝试清理外观并将其简化为我的应用程序的数学运算，但窗口底部的边距为 28 像素。我已经成功地通过使用隐藏边框和添加这样的边框类的技术来更新边距：

$("#cboxContent").addClass("blue_border_example");

其中 blue_border_example 是我想要的样式。

但我没有成功删除 28 像素的底部空白。它似乎来自id="cboxLoadedContent"，所以我尝试在我正在加载的窗口代码中添加以下语句：

$("#cboxLoadedContent").addClass("remove_bottom_margin");

其中 remove_bottom_margin 是样式：

.remove_bottom_margin { margin-bottom: 0px !important;}

我认为可以将这种样式添加到正在加载到iframe 中的程序的文档准备功能中，但这似乎不起作用。

关于为什么这不起作用以及我应该做些什么来解决它的任何想法？

【问题讨论】：

您能否在问题中包含代码 sn-p 或者可能是 codepen 的链接
经过2天的努力，我在发布这个后找到了一个简单的解决方案。假设必须动态添加一个类，我显然让这太复杂了。我刚刚在 colorbox css 之后添加了必要的样式（#cboxLoadedContent {margin-bottom: 0px;} #cboxContent {border: 5px solid #003399; margin: 10px; padding: 10px;} 并且它起作用了。

【解决方案1】：

是否需要通过 jQuery 执行此操作？为什么不直接在你的css中做呢。所以没有必要有那 2 条 jQuery 行。

将此添加到您的 CSS 中。

#cboxWrapper #cboxLoadedContent,
#cboxWrapper #cboxContent {
   margin-bottom: 0px;
}

【讨论】：