Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS定位问题_Css - Fatal编程技术网

CSS定位问题

CSS定位问题,css,Css,我目前正在做这件事,当它开始加载时,幻灯片缩略图会在它们应该在的地方,但会在第二秒后掉下来。我已经尝试过将CSS从 .pika-thumbs { width: 995px; margin-left: 55px; } 到 它正好停留在我希望它停留的地方,但当我删除整个CSS时,空间会停留并消失。你在relative之后忘记了分号: .pika-thumbs { width: 995px; margin-left: 55px; position: rela

我目前正在做这件事,当它开始加载时,幻灯片缩略图会在它们应该在的地方,但会在第二秒后掉下来。我已经尝试过将CSS从

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


它正好停留在我希望它停留的地方,但当我删除整个CSS时,空间会停留并消失。

你在
relative
之后忘记了分号:

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

它正好停留在我想要停留的地方,但空间保持不变 当我删除整个CSS时,它就消失了


这就是使用
position:relative
和带有负值的top的现实。尝试
margintop:-150px
而不是
top

您在
relative
之后忘记了分号:

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

它正好停留在我想要停留的地方,但空间保持不变 当我删除整个CSS时,它就消失了


这就是使用
position:relative
和带有负值的top的现实。尝试
margintop:-150px而不是
顶部

位置,而不是定位:

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

定位,而不是定位:

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

接得好,我没注意到,只注意到了;这是我在这里打字时的一个打字错误。好的,我没有注意到,只是错误;这是我在这里打字时的一个打字错误,这是我在这里打字时的一个打字错误。使用一些带有autosuggest的编辑器来避免像这样的打字错误。使用一些带有autosuggest的编辑器来避免这样的打字错误。