css - CSS定位问题

Question

我目前正在处理此页面，当它最初加载时，幻灯片缩略图将位于它们应该在的位置，但稍后会下降。我试过改变 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负值的现实。尝试margin-top: -150px;代替top.

score 2 · Accepted Answer

定位，不是定位：

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

2 回答 2