asp.net – 将div固定在html中的某一点

发布时间：2020-12-16 09:46:38 所属栏目：asp.Net 来源：网络整理

导读：我有一个div包含两个按钮,我希望将div固定在一个地方,如果我调整浏览器的大小,它不应该改变它的位置. 我尝试使用position：fixed但不工作,当调整大小时,位置正在改变. 这是我的CSS： html { height: 100%;} body{ margin: 0; padding: 0; width: 100%; backg

我有一个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>

这就是现在的实际情况：

在调整大小之前：

调整大小后：

解决方法

使用css left而不是right,这样它将保持在同一位置.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!