css - 基础 CSS 框架下拉选择

Question

我正在使用基础 CSS。但下拉选择我用作一个简单的 HTML 标记。

问题是下拉菜单不适用于小型（移动）窗口。

我在这里重现了错误http://jsfiddle.net/BZrT8/1/（在CSS块中我添加了我使用的foundation.css和main.css）。

我发现问题是由foundation.cssfloat:left;中的property.row .mobile-three属性引起的

任何想法为什么float:left;使下拉列表不起作用？以及如何解决？

Answer 1

您有一个 div 在窄屏幕上与您的选择重叠：

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

你看不到它，因为它没有内容或背景。它向右浮动并占据空间；因为它在 DOM 中较晚，所以它超出了您的选择。

删除此 div 或重新定位/重新浮动它。