css - CSSのポジショニングの問題

Question

私は現在このページで作業しています。最初に読み込まれると、スライドショーのサムネイルは本来あるべき場所に表示されますが、2番目に表示されなくなります。CSSをから変更してみました

.pika-thumbs {
    width: 995px;
    margin-left: 55px;
}

に

.pika-thumbs {
    width: 995px;
    margin-left: 55px;
    position: relative;
    top: -150px;
    Z-index: 999;
}

そして、それは私がそれを残したかった場所に正確にとどまりましたが、CSSのように全体を削除すると、スペースはとどまり、消えます。

score 3 · Accepted Answer

次の後にセミコロンを忘れましたrelative:

.pika-thumbs {
    width: 995px;
    margin-left: 55px;
    position: relative;
    top: -150px;
    z-index: 999;
}

編集：

そして、それは私が望んでいた場所に正確にとどまりましたが、CSSのようなもの全体を削除すると、スペースが残って消えてしまいます.

position: relativeこれは、負の値で and top を使用する場合の現実です。margin-top: -150px;の代わりに試してくださいtop。

score 2 · Accepted Answer

ポジショニングではなく、位置:

.pika-thumbs {
    width: 995px;
    margin-left: 55px;
    position: relative;
    top: -150px;
    z-index: 999;
}

2 に答える 2