css - 为按钮添加 CSS 定位

Question

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

.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;
}

所以我给了他们各自的类(class) 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 像素处。但是，如果我将 ti 从顶部更改为 558px，则会发生按钮位于不同高度并且不会彼此相邻的情况。

如有任何想法，我们将不胜感激。

谢谢

Answer 1

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