如何从颜色框中删除底部空白？

问题描述

我正在使用Colorbox在网页中间打开一个窗口，并且正在使用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中的程序添加文档准备功能中的样式，但这似乎不起作用。

有什么想法为什么不起作用以及我应该怎么解决？

解决方法

是否需要通过jQuery做到这一点？为什么不直接在您的CSS中这样做呢？因此，无需使用这2条jQuery行。

将此添加到CSS中。

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