图像按钮里面的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; 
}