Question

我有一个php分页脚本的上一个和下一个按钮，它们都属于类分页。

.paginate {
   font-family:Arial, Helvetica, sans-serif;
   padding: 3px;
   width:400px;
}

.paginate a {
   padding:2px 5px 2px 5px;
   margin:2px;
   text-decoration:none;
   color: #fff;
   width: 180px;
}

所以我给了他们自己的个人类Next和previous

下一步

.next {
   background: url("../images/more.fw.png") no-repeat;
   height: 87px;
   width:128px;
   padding:10px;
   margin:50px;
   font-family:Arial;
   font-size:24px;
   color:#fff;
   position:fixed;
   top:585px;
   right:470px;
}

.previous {
   background: url("../images/previous.fw.png") no-repeat;
   height: 87px;
   width:128px;
   padding:10px;
   margin:50px;
   font-family:Arial;
   font-size:24px;
   color:#fff;
   position:fixed;
   top:585px;
   right:620px;
}

正如您在下面的链接中看到的那样，这些按钮在页面顶部设置时可以完美地并排放置，但我要做的是让按钮坐在上面部分下方20 px处。但是，如果我从顶部558px改变ti，那么按钮位于不同的高度并且不会彼此相邻。

任何想法都会受到赞赏。

由于

Answer 1

您将样式设置为position: fixed，因此当屏幕滚动时它们不会移动 - 这是您想要的吗？

.paginate {
    position: relative;
    ...

.next {
    position: absolute;
    display: block;
    ...

现在设置相对于分页容器的所有按钮top和right

Answer 2

你可以在.next和.previous上按position:absolute;设置按钮，这样按钮的部分就不会改变

将CSS定位添加到按钮

2 个答案: