-1

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

我想要实现的是：

  • 放置另一个 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; }

这里的例子

4

2 回答 2

2

只需这样做，它应该可以工作：

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

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

于 2012-10-28T22:49:07.423 回答
1

恐怕我真的不知道如何保存float: positionor right: 0。relative我设法使用包含 div 和absolute内部 div 的两个位置来实现你想要 的：

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

除此之外，正如@HashemQolami 所说，只需position: absolute从您的代码中删除，它就可以正常工作。

于 2012-10-28T22:48:59.920 回答