FlexSlider在页面右侧添加间隙

Question

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

我知道页面上没有其他内容，因为如果我去掉flex滑块代码，它似乎可以正常工作。

谢谢你的帮助。

Answer 1

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

将"overflow：hidden"添加到flexroader类中应该可以解决这里的问题。

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

为我工作。