基础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或重新定位/刷新它的方式。