无法在Fancybox底部添加20px的填充

Question

我花了好几个小时试图找出这个蠢货。如果你去 here ，然后点击图片，就会弹出一个带有红色叠加层的Fancybox。问题是，当你一直向下滚动到底部时，Fancybox会亲吻浏览器的底部，并且没有空间。我希望那里有空间！

我已尝试将bottom:20px;或padding: 0 0 20px 0;添加到<div class="fancybox-wrap fancybox-desktop fancybox-type-image fancybox-opened"</div>课程;但得到了ZIP！

我非常感谢您的时间，与我不同，我希望您能找到解决方案。

P.S。 - 抱歉缺少jsFiddle链接。 Fancybox没有和jsFiddle合作。 ;（

Answer 1

解决方案非常简单，只需将此行CSS添加到.fancybox-wrap fancybox-desktop fancybox-type-image fancybox-opened：

margin-bottom:20px;

您尝试添加的CSS只会在div内部提供更多空间，而不是在其外部，而另一方面margin会占用更多空间。