将div固定在html中的一个点

Question

我有一个包含两个按钮的div，我希望将div固定在一个地方，如果我调整浏览器的大小，它不应该改变它的位置。

我尝试使用position：fixed但不工作，调整大小时位置正在改变。

这是我的CSS：

html {
    height: 100%;
}
    body
{
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('../images/bgPat3.png');
    background-repeat: repeat;
}
.Imagebuttons
{
    position:absolute;
    top:494px;
    right:337px;
}

这是我的DIV容器：

<div class="Imagebuttons">
             <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/images/Image1.png" />
                &nbsp;&nbsp;&nbsp;
              <asp:ImageButton ID="ImageButton4" runat="server" 
                    ImageUrl="~/images/Image2.png" /><br />
</div>

这就是现在的实际情况：

在调整大小之前：

调整大小后：

Answer 1

使用css left代替right，这样它就会停留在同一位置。

通过使用right，您可以在浏览器窗口/元素容器的右侧指定填充。通过重新调整窗口大小，您可以更改右侧的位置，但填充仍然相同。 这是一个demo

Answer 2

由于您使用position:absolute，因此不应更改位置 但是，您可能希望向width添加height和div.Imagebuttons，以防止在窗口调整大小时更改尺寸。

.Imagebuttons{
    position:absolute;
    top:494px;
    right:337px;
    width:200px;
    height:100px;
}

Answer 3

如果你的div在另一个有位置的div里面：相对这可能发生。

将你的绝对div放在body标签内进行测试。