Drop down menu Zurb基础：力大小和下拉位置

我的顶部菜单上有一个下拉菜单，对于某些浏览器窗口的宽度，下拉菜单变得太大，并向左移动。我希望它始终保持相同的大小和位置，即使这意味着离开屏幕边缘。（目前它甚至在离开边缘之前就已经移动了）

是一把显示行为的小提琴。下拉列表的代码为：

 <a href="#"
    data-dropdown="drop1"
    aria-controls="drop1"
    data-options="is_hover:true;"
    aria-expanded="false"
    class="button custom">
    Link2
  </a>
  <ul id="drop1" class="tiny f-dropdown content" data-dropdown-content aria-hidden="true" tabindex="-1">
    <li><a href="#">Drop1</a></li>
    <li><a href="#">Drop2</a></li>
    <li><a href="#">Drop3</a></li>
  </ul>

---

谢谢

这对我很有效，希望它能解决您的问题

移除宽度：从类中移除100%

.f-dropdown.content{
   width:auto!important;
}