CSS定位问题

Question

我目前正在研究这个page，并且在最初加载时，幻灯片缩略图将是它们应该在的位置，但稍后会丢弃。我试过从

更改CSS

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

要

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

并且它完全停留在我希望它停留的位置，但当我删除整个CSS时，空间保持不变并消失。

Answer 1

您在relative之后忘记了分号：

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

修改

  

它完全停留在我希望它留下的地方，但空间仍然存在   当我删除整个CSS时，它会消失。

这是使用position: relative和使用负值的top的现实。请尝试使用margin-top: -150px;代替top。

Answer 2

位置，而非定位：

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