顶部栏基础中的搜索输入被切断答案

【问题标题】：Search input in top-bar foundation cut off顶部栏基础中的搜索输入被切断
【发布时间】：2013-06-03 22:53:13
【问题描述】：

我和那里的某个人有类似的问题：Input with Postfix Button in Top-Bar using Zurb Foundation，他得到了替代方案而不是答案。（页面上的第二个答案是 http://foundation.zurb.com/docs/components/top-bar.html 的基础文档中描述的内容，我已经尝试过，但它也不起作用，请参阅标题中的第二个输入）。

问题可以在这里看到：http://odesktestanswers2013.com/Metareviewer/index.php 基本上，提交输入不会浮动在其文本输入旁边。

任何人都可以推荐修复或帮助我找出问题所在吗？

【问题讨论】：

标签： css zurb-foundation

【解决方案1】：

通过将所有内容浮动到左侧并在输入中添加一些 !important 来设法使其在一段时间后工作。我在基础文档中发现的内容没有帮助，但无论如何他们的“has-form”类是无用的，这成功了：

.left .search .button { float:left; width:50px; margin-left:5px;}
.search input {width:200px;float:left;top:5px;}
.search form {float:left !important; width:450px !important;}

【讨论】：