html - 如何用 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

jacktheripper 是对的。使用绝对定位时，向包含元素添加其他内容通常是个好主意:

   .x{
    position:relative;
}

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