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

div位置内的图像按钮

1 个答案: