Question

确定在居中的div中有一个图像，它位于页面的中心。它的宽度是400px。

我想要实现的目标是：

放置另一个div - 通过CSS右对齐的div内部。

由于各种屏幕分辨率，我希望避免命令“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的右上角，而不是整个页面：）

Answer 2

我担心除float: position或right: 0之外我真的不知道怎么做。我设法使用包含div的两个位置relative以及内部div的absolute来实现您想要的内容：

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

除此之外，正如@HashemQolami所说，只需从代码中删除position: absolute，然后it works fine。

将div放在另一个div上，对齐 - 右边

2 个答案: