如何使用 CSS 对齐两张图像，一张位于右上位置，另一张位于右下位置？

Question

如何使用 CSS 对齐两张图像，一张位于右上位置，另一张位于右下位置？

这是标记

<th class="X" scope="col">
Time
<input id="ORAAsc" class="up" type="image" style="border-width:0px;" src="" name="ctl00$ContentPlaceHolder1$GridView1$ctl02$ORAAsc">
<input id="Desc" class="down" type="image" style="border-width:0px;" src="" name="ctl00$ContentPlaceHolder1$GridView1$ctl02$ORADesc">
</th>

和 CSS

.X {
    height:33px;
    background-color:#DEDEDD;
    width:75px;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-top:20px;
    margin-bottom:20px;
    margin-right:80px;
    margin-left:80px;
}





.up{What should i place here?}

.down{What should i place here?}

感谢您的宝贵时间

Answer 1

杰克瑟珀是对的。使用绝对定位时，向包含元素添加另一件事通常是个好主意：

   .x{
    position:relative;
}

这将确保图像相对于其容器的绝对定位。

Answer 2

尝试

.up {
top: 0;
right: 0;
position: absolute;
}

.down {
bottom: 0;
right: 0;
position: absolute;
}