Flexslider在滑塊下面添加巨大的空白處

Question

我的flexslider下面有大量的空白空間，我不知道如何移除。我已經玩了很多CSS，沒有破壞「響應」行爲似乎沒有任何工作。任何幫助都很有幫助。

問候......

網站可以在這裏看到，所有的代碼在位於頭標記： http://destinjustlisted.com/new/

Answer 1

你的DIV包含幻燈片的項目必須有類「flexslider。」在flexslider.css中爲該類設置了各種各樣的東西，這是下載的一部分。其中一個CSS屬性是「保證金」。你會在那裏看到三個值。它看起來像這樣：

margin: 0 0 60px; 

我不知道，如果你熟悉這個屬性的格式，但它在CSS中很常見，當你有4個設置，如空白，邊框或填充（全其中有4面）。您最多可以有四個值，分別代表頂部，右側，底部和左側（例如，您正在圍繞一個時鐘錶盤，從12點開始）。因此，例如：

padding: 0 1px 0 2px; 

將不會在頂部和底部填充填充，但右側會有1個像素，左側會有2個像素。

flexslider CSS在底部有60像素的邊距。如果您想要以幻燈片形式展示您的位置，或者需要選擇特定的幻燈片，則可爲導航按鈕留出空間。不幸的是，如果您在設置插件時將屬性「controlNav」設置爲「false」（如果您不想顯示這些「按鈕」），那麼您最終會控制大的空白區域。如果您只是將該屬性設置爲：

margin: 0; 

所有的問題都將解決！

Answer 2

如果您的圖片尺寸不同（特別是高度），則Flexslider容器將顯示與最高圖像一樣高的圖像。這可能會造成你可能看到的差距。

如果這是原因，請提前調整圖像大小，使它們具有相同的高度和寬度。