如何定位基金会下拉？

Question

我正在使用Foundation 5.4.5下拉列表来登录表单,但问题是下拉列表如下所示:

我希望它就像打开的那个,右边的小块和身体定位得很好

这是我的HTML:

<a data-dropdown="drop1" aria-controls="drop1" aria-expanded="false">Has Dropdown</a>
    <ul id="drop1" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
      <li><a href="#">This is a link</a></li>
      <li><a href="#">This is another</a></li>
      <li><a href="#">Yet another</a></li>
    </ul>

Answer 1

你有两个选择

<a data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" data-options="align:left">Has Dropdown</a>

或者

<ul id="drop1" class="f-dropdown drop-left" data-dropdown-content aria-hidden="true" tabindex="-1">
      <li><a href="#">This is a link</a></li>
      <li><a href="#">This is another</a></li>
      <li><a href="#">Yet another</a></li>
    </ul>

两者都是解决方法。不过，我明白你的意思：你希望下拉列表显示在链接的底部，但与右边框对齐。如果有人对此给出答案，我将不胜感激，因为基金会网站表明，以某种未记录的方式这是可能的。