按钮不断改变他的位置

Question

This is the header我的主页。

问题出在“注册”按钮上。当我向下滚动按钮保持它的位置，但向下滚动页面。 This image描述了问题。

此外，如果我更改了网络浏览器的大小，该按钮会改变它的位置。

我的实际CSS代码：

.accp_register {
position: absolute;
width:209px; height:43px;
z-index:99;
top:0; right:80px;
left:896px;
position:fixed;
}
.accp_register #register_button {
    background-image:url(../images/register.jpg);
    /*background-repeat: no-repeat;*/
    background-position:0 0;
    display:block;
    width:209px; height:43px;
    position:fixed;
    margin-left:0px;
    }
    .accp_register #register_button h1 { display:none; position:fixed;}
    .accp_register #register_button:hover {background-position:0 -43px; position:fixed;}

.accp_register #accp_button {
    background-image:url(../images/userpanel.jpg);
    background-repeat:0;
    background-position:0 0;
    display:block;
    width:209px; height:43px;
    position:fixed;
    }
    .accp_register #accp_button h1 { display:none; position:fixed;}
    .accp_register #accp_button:hover {background-position:0 -43px; position:fixed;}

.fixed{

    position: fixed;
}

Answer 1

因为您在CSS中使用了position:fixed按钮。固定位置即使在滚动时也会将其保留在屏幕上。

参考：http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Answer 2

设置位置相对而不是位置：固定;