Css ZURB基础中的顶杆输入在宽度递减时上升

我有一个例子 [http://jsfiddle.net/YEBe8/]

---

当我根据结果调整窗口大小时（descrease width）-我看到我的取消打印框进入顶部栏的上部冰箱，如何避免它？

您的html无效。您必须关闭输入宽度

/>

，并且不能将

输入作为
添加
的直接子元素。
如果您的内容被裁剪，很可能您没有添加：

<div class="row">
    <div class="columns large-12">
        <input type="text" />
     </div>
</div>


所有这些都是正确的，但问题仍然存在，并且在exampe中很明显：当调整窗口输入按钮的大小时，按下黑色顶部栏Hey user2572790的上边缘，我查看了一下您的JSFIDLE，您似乎缺少一些HTML代码来制作适当的顶部栏。您还缺少顶部栏正确显示所需的实际
foundation.min.css
和
foundation.min.js
。如果您能用实际代码设置JSFIDLE，我很乐意再看一看。这里有一个很好的参考资料，可以帮助您开始学习。我希望这有帮助。