定位两个图像。一个右上角，另一个左下角

Question

请帮助我在左下角和右上角的另一个图像上对齐一个图像。所以我有一个基本的页面...两个图像，我希望它们彼此对角相反。非常简单，但我尝试过的每一件事都让两个图像在右边对齐....

Answer 1

这是一个涉及绝对定位的解决方案。协调多个实体可能会很棘手，但如果你想要一个精确的布局，它会非常灵活。

<div style="position: relative; width: 300px; height: 300px;">
    <div style="position: absolute; background-color: red; width: 100px; height: 100px; left: 0px; top: 0px;">Top Left</div>
    <div style="position: absolute; background-color: blue; width: 100px; height: 100px; right: 0px; bottom: 0px;">Bottom Right</div>
</div>

http://jsfiddle.net/UedkS/