0

我有一个用于 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 {
   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 像素处。但是，如果我从顶部 558px 更改 ti，会发生什么是按钮位于不同的高度，并且不会彼此相邻。

任何想法，将不胜感激。

谢谢

4

2 回答 2

0

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

.paginate {
    position: relative;
    ...

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

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

于 2012-11-08T08:50:57.920 回答
0

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

于 2012-11-08T08:51:02.867 回答