如何添加一个不影响中间对齐的小div？

Question

我有一个带有中间对齐分页的布局。

分页是中间对齐的这个技巧：

.pager_wrap
{
    float: left;
    position: relative;
    left: 50%;
}
.pager 
{
    float: left;
    position: relative;
    left: -50%;
}

这似乎工作正常。

但是有人要求在寻呼机的右侧添加一个类似facebook的按钮，但不会影响分页的位置和中间对齐。

我正在考虑以某种方式将facebook放在.pager-wrap div之后的div中，并以某种方式将其垂直对齐方式修改为.pager-wrap div。

我对css没有影响，这些问题往往需要很长时间才能弄明白。有人可以帮我解决这个问题吗？

Answer 1

.button  
{
     float: right;
     position: relative;
     right: 10%;
} 

Answer 2

而不是float你可以display:inline-block给它{＆};将文件text-align:center标记为center your paging DIV的父级。可能你是这样写的：

.pager_wrap
{
    background:red;
    text-align:center;
}
.pager
{
    background:yellow;
    display:inline-block;
    *display:inline /*IE*/
    *zoom:1;
    text-align:right;
    padding:10px;
}
.facebook{
    float:right;
    width:30px;
    height:40px;
    background:blue;
}

选中此http://jsfiddle.net/DdPtv/

Answer 3

将facebook图标放在div中，相对放置，向右浮动，如果需要，应用z-index将其放在堆栈中更高。