请访问以下站点:
http://goo.gl/wa41k
单击书名上方标题下方的不可见的小白框。当您看到它时,一个花哨的盒子会弹出,里面装有翻页书。 fancybox的宽度为900px。
如果您将窗口缩小得足够小(大约950即可),您会发现左侧没有剩余空间,而右侧则有足够的空间。这会导致花式框中的左侧导航按钮(对于翻书,您必须转到第三页才能看到左侧导航按钮)被切断。
我应该提到我使用的是Fancybox的较旧版本,因为我无法升级(站点中断)。我正在使用1.3.4版。
任何想法可能是什么原因造成的?
最佳答案
我仍然不确定为什么将其向右推动,但是我能够通过将内部(#fancybox-outer
)的元素向右推动一点以解决左侧的“推动”问题来解决。
#fancybox-wrap #fancybox-outer { left: 20px; }