css - 定位 div，在另一个 div 之上，对齐 - 右

Question

好的，在居中的 div 中有一个图像，它被放置在页面的中心。它的宽度是 400px。

我想要实现的是:

• 放置另一个 div - 在该 div 内部，通过 CSS 正确对齐。

由于各种屏幕分辨率，我希望避免命令“top:, right:”。

如何实现？

<div class="non"><div class="info">Go top right</div><a href=""><img src="images/top.jpg"></a></div>

CSS..

.non { width:400px; background-color:#d20000;  }
.info { position:absolute;float:right; background-color:#efefef; }

Example here

Answer 1

只要这样做，它应该可以工作:

.non { width:400px; background-color:#d20000; position: relative; }
.info { position:absolute; top: 0px; right: 0px; background-color:#efefef; }

我知道你想避免使用 top 和 right，但如果你这样做，.info 类位于 .non 类 div 的右上角，而不是整个页面:)