FlexSlider 在页面右侧添加间隙

【问题标题】：FlexSlider adding gap to right of pageFlexSlider 在页面右侧添加间隙
【发布时间】：2013-12-11 17:01:41
【问题描述】：

所以 Flexslider 有问题。似乎在页面右侧添加了大约 50 像素的间隙（拉伸页面）。如果将鼠标悬停在幻灯片上，间隙就会消失。这真的很奇怪。有什么想法吗？

我知道页面上没有其他内容，因为如果我取出 flexslider 代码，它似乎可以正常工作。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

看起来 flexslider 导航控件增加了额外的空间。当您将鼠标悬停在滑块上时，“右”方向箭头会出现，因此不会离开屏幕，因此不会增加额外的空间。

在您的 flexslider 类中添加“溢出：隐藏”应该可以解决您的问题。

【讨论】：

【解决方案2】：

在 flexslider.css 中更改这些样式：

来自

.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }

到

.flex-direction-nav .flex-prev { left:0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }

为我工作。

【讨论】：