CSS中如何控制ImageButton靠底部对齐？

Question

用<li> </li>里放ImageButton，在CSS里写vertical-align:bottom没用，有别的方法吗？

Answer 1

#box1 { 
position : relative ; 
background : red ; 
height : 100px ; 
width : 100px ; 
} 
#box2 { 
position : absolute ; 
background : #BBB ; 
height : 20% ; 
width : 100% ; 
left : 0 ; 
bottom : 0 ; 
}
<div id="box1">
　　<div id="box2">在下边了</div>
</div>

Answer 2

直接用IMG标记RUNAT=SERVER估计好设置样式

Answer 3

建一个空白页测试一下，结果出来了再想办法套进你的网页。        #divImgBtn
        {
            border-style: solid;
            height: 500px;
            width: 500px;
        }
        #ImgBtn
        {
            list-style-type: none;
            border-style: solid;
            height: 50px;
            width: 50px;
            margin-left: 160px;
            margin-top: 450px;
        }        <div id="divImgBtn">
            <ul>
                <li id="ImgBtn">
                    ImgBtn<asp:ImageButton ID="ImageButton1" runat="server"/>
                </li>
            </ul>
        </div>

Answer 4

一楼的试过了，如果对于单个ImageButton可以，但如果BOX1里要当多个ImageButton的话就都重叠在一起了