Css 将DIV放置在一个位置，使浏览器窗口大小不超过'；不要影响它

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

正如您在下面的示例中看到的，它是菜单栏顶部的红色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，我将不胜感激

谢谢

---

谢谢

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

---

我怀疑您会想使用

position:absolute当你也在上面的时候。
你想用“上”和“右”来定位它，而不是“上”和“左”，然后它将跟随右手边

我怀疑您会想使用
position:absolute当你也这么做的时候。
在你的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;
}

在您的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;
}

如果看不到HTML和其他CSS，很难说。什么是父容器？家长的定位是什么？在元素上设置相对定位时，它会将该元素设置为相对于最近的非静态定位祖先。如果没有其他非静态定位的内容，那么div很可能被锚定在body标记上。如果你有一个相对的包含div设置位置，这将使你朝着正确的方向前进。嘿@Jrod看看。我能看到的最快的修复方法是将你的多维数据集div放在
导航栏内部
中。给出导航栏内部的相对位置和立方体的绝对位置。您将需要调整多维数据集div的值，以将其定位在您想要的位置，但在这之后，您就可以开始了。顺便说一句，我喜欢你的标志。谢谢你的建议和对标志的赞美。它工作得很好！如果看不到HTML和其他CSS，很难说。什么是父容器？家长的定位是什么？在元素上设置相对定位时，它会将该元素设置为相对于最近的非静态定位祖先。如果没有其他非静态定位的内容，那么div很可能被锚定在body标记上。如果你有一个相对的包含div设置位置，这将使你朝着正确的方向前进。嘿@Jrod看看。我能看到的最快的修复方法是将你的多维数据集div放在
导航栏内部
中。给出导航栏内部的相对位置和立方体的绝对位置。您将需要调整多维数据集div的值，以将其定位在您想要的位置，但在这之后，您就可以开始了。顺便说一句，我喜欢你的标志。谢谢你的建议和对标志的赞美。它工作得很好！谢谢，我试过了。看看你在哪里可以看到变化。这样做的一件事是，它需要保持在页面中心912px宽度的区域内，这将进入浏览器窗口的右上角，并随着我调整窗口的大小而移动。抱歉，回答后不久就躺在床上了-请看你是否成功：）谢谢，尝试过了。看看你在哪里可以看到变化。这样做的一件事是，它需要保持在页面中心912px宽度的区域内，这将进入浏览器窗口的右上角，并随着我调整窗口的大小而移动。抱歉，在回答后不久就躺在床上-请看你是否成功：）谢谢@Michael Howey我刚刚尝试了你所说的内容并上传到这里。没有看到任何重大变化，也不会像图示的例子那样结束。还有什么想法吗？谢谢，TimThank@Michael Howey我刚试过你说的话，并上传到这里。没有看到任何重大变化，也不会像图示的例子那样结束。还有什么想法吗？谢谢，蒂姆