Zurb foundation 是否可以设置下拉列表的位置（zurb基础）？

现在，下拉列表的内容默认位于右下角

是否有选项将其设置为左下角

---

（基础5）

通过JS应用“右”样式。要覆盖此选项，只需给

#contentDrop

一个

#contentDrop{left:-100px！important；}

的样式或您想要向左拉的任何值。您需要调整

.f-dropdown:before{left:XXpx！important；}

和

.f-dropdown:before{left:XXpx！important；}

样式，将小三角形带到下拉框的右侧。

这是一个难题，因为Zurb基金会仍在致力于解决这个问题。与此相关的还有一个问题。我找到了一个帮助我解决问题的方法

在这里使用这些信息是如何正确对齐的。将类

底部左对齐

添加到内容下拉列表

div

：

<a href="#" data-options="align:bottom" data-dropdown="drop2">Search</a>
<div id="drop2" data-dropdown-content class="f-dropdown bottom-align-left">

现在三角形出现在错误的位置。要修复此问题，请删除三角形

• 打开

  \u settings.scss

• 找到

  $f-dropdown-triangle-size

  并将其设置为

  0px

  ，即。

  $f-下拉框-三角形-尺寸：0px

---

右下角是什么意思？被叫人的名字？你能提供一个演示吗？只需要看看这里：下拉菜单向下并向右。我希望从下到左都有同样的问题。有没有可能找到一个合理的解决方案？我成功地用

.f-dropdown:after

和

移动了三角形。f-dropdown:before

.bottom-align-left {
    margin-left: -375px;
}