FlexSlider在頁面右側添加空白

Question

因此Flexslider出現問題。似乎是在頁面的右側添加了大約50個像素的間隙（拉伸頁面）。如果你將鼠標懸停在幻燈片上，差距就會消失。這真的很奇怪。有任何想法嗎？

我知道這不是頁面上的其他內容，因爲如果我拿出flexslider代碼，它似乎工作正常。

感謝您的幫助。

Answer 1

看起來Flexslider導航控件正在額外的空間中添加。當您將鼠標懸停在滑塊上方時，「右」方向箭頭即可進入視圖，因此不會脫離屏幕，因此不會增加額外的空間。

將「overflow：hidden」添加到您的flexslider類應該可以解決您的問題。

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

爲我工作。