如何使用Foundation将子弹位置设置在右上角？

Question

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

这是我的代码

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

Answer 1

bottom:500px可能很危险，具体取决于您放置轨道的位置。我所说的是，子弹可能不可见，因为它们已经超过了页面。这可能与他们搬家的原因相同。你应该改为：

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

如果您没有为基金会提供自己的课程，那么您最好只覆盖这三种风格。

Answer 2

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

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

如果你想向右对齐：

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

Answer 3

将它应用于此元素，不要使用float ...

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

}