c# - div 位置内的图像按钮

Question

你好，我得到了 Div，在里面我有 5 个图像按钮，按钮是从 css 定位的，如何告诉它们定位在 div 内而不是整个页面内？

 <div>
                <asp:ImageButton CssClass="imgBtn1" ID="ImageButton1" runat="server" ImageUrl="~/zgaszona.png" OnClick="ImageButton1_Click" Enabled="False" />
                <asp:ImageButton CssClass="imgBtn2" ID="ImageButton2" runat="server" ImageUrl="~/zgaszona.png" OnClick="ImageButton2_Click" Enabled="False" />
                <asp:ImageButton CssClass="imgBtn3" ID="ImageButton3" runat="server" ImageUrl="~/zgaszona.png" OnClick="ImageButton3_Click" Enabled="False" />
                <asp:ImageButton CssClass="imgBtn4" ID="ImageButton4" runat="server" ImageUrl="~/zgaszona.png" OnClick="ImageButton4_Click" Enabled="False" />
                <asp:ImageButton CssClass="imgBtn5" ID="ImageButton5" runat="server" ImageUrl="~/zgaszona.png" OnClick="ImageButton5_Click" Enabled="False" />
 </div>

//CSS样式

body {
}
.imgBtn1 {
position:absolute;
right:0%;
bottom:50%;
top:50%;
}
.imgBtn2 {
position:absolute;
right:25%;
bottom:50%;
top:50%;
}
.imgBtn3 {
position: absolute;
right:50%;
bottom:50%;
top:50%;
}
.imgBtn4 {
position:absolute;
right:75%;
bottom:50%;
top:50%;
}
.imgBtn5 {
position:absolute;
bottom:50%;
top:50%;
left:0%;
}

Answer 1

div的位置必须设置为相对

    #div_id {
position: relative;
}