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;
}