FlexSlider在页面右侧添加间隙

Question

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

我知道页面上没有别的东西，因为如果我拿出flexslider代码，它似乎工作正常。

感谢您的帮助。

Answer 1

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

在flexslider类中添加“overflow：hidden”可以解决您的问题。

Answer 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; }

为我工作。