zurb-foundation - 如何使用 Foundation 将项目符号位置设置为右上角？

Question

我试图将子弹定位到图像的右上角，但是当我这样做并调整屏幕大小时，子弹会移动位置。

这是我的代码

.orbit-bullets
{
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: absolute;
    float:right;
    bottom:500px;
}

Answer 1

将它应用到这个元素上，不要使用浮动…</p>

.orbit-bullets-container {
position: absolute;
right: 25px;
top: 5px;

}

Answer 2

这bottom:500px可能很危险，具体取决于您将 Orbit 放置在哪里。我要说的是，项目符号可能不可见，因为它们超出了页面。这可能是他们搬家的原因。你应该有这个：

.orbit-bullets {
    position: absolute;
    right: 25px;
    top: 5px;
}

如果您没有为轨道提供您自己的 Foundation 类，最好只覆盖这三种样式。

Answer 3

也许会帮助其他有同样问题的人。这个解决方案对我有用..

$(function(){
    var bullets = $('ol.orbit-bullets');
    bullets.insertBefore($(".orbit-container"));
});

如果你想向右对齐：

.orbit-bullets { text-align: right; }