基礎CSS框架下拉選擇

Question

我正在使用Foundation CSS。 但我使用下拉選擇作爲一個簡單的HTML標記。

問題是下拉式不適用於小型（移動）窗口。

我在這裏重現了錯誤http://jsfiddle.net/BZrT8/1/（在CSS塊中，我添加了foundation.css和main.css）。

我發現問題是由.row .mobile-three屬性的float:left;財產foundation.css

任何想法，爲什麼float:left;使得下拉列表不工作造成的？以及如何解決它？

Answer 1

您有重疊的選擇上窄屏幕一個div：

<div class="seven columns"></div> 

你看不到它，因爲它不具有內容或背景。它漂浮在右邊並佔據空間;因爲它在DOM後面會超過你的選擇。

刪除此div或重新定位/刷新它的方式。