将DIV放在一个位置，以便浏览器窗口大小不会影响它

Question

我的网页顶部有一个名为#cube的

正如您在下面的示例中所看到的，它是菜单栏顶部的红色TC。我正在试图弄清楚如何定位它以使它停留在窗口调整大小的一个位置：

目前这是#cube的CSS：

#cube{
background: url(../images/logo-cube.png) no-repeat;
width: 129px;
height: 131px;
z-index: 9999px;
position: relative;
top: 20px;
left: 500px;
}

对于我需要用我的CSS做的正确方向的一些帮助将非常感激。

由于

由于

Answer 1

你想使用顶部和右部而不是顶部和左边来定位它，然后它将跟随右边缘。

我怀疑你在使用position: absolute;的时候也会想要使用它。

Answer 2

在你的CSS文件中你有这个

top: 20px;
right: 20px;

从顶部和右侧移除px

应该是

#cube{
background: url(../images/logo-cube.png) no-repeat;
width: 129px;
height: 131px;
z-index: 9999px;
position: absolute;
top: 20;
right: 20;
}