zurb-foundation - Foundationで弾丸の位置を右上隅に設定するにはどうすればよいですか？

Question

画像の右上隅に弾丸を配置しようとしていますが、画面のサイズを変更すると、弾丸が位置を移動します。

これが私のコードです

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

score 0 · Accepted Answer

bottom:500pxOrbitを配置する場所によっては、危険な場合があります。私が言っているのは、箇条書きはページをはるかに超えているために表示されない可能性があるということです。それは彼らが動いているのと同じ理由かもしれません。代わりにこれが必要です：

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

Foundationに軌道用の独自のクラスを提供していない場合は、これら3つのスタイルのみをオーバーライドすることをお勧めします。

score 0 · Accepted Answer

たぶん、同じ問題を抱えている他の人に役立つでしょう。この解決策は私のために働いた。

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

そして、あなたが右に整列したい場合：

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

score 0 · Accepted Answer

この要素に適用し、floatは使用しないでください…</ p>

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

}

3 に答える 3