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

我的网页顶部有一个DIV，名为#cube。将DIV放置在一个位置，以便浏览器窗口大小不会影响它

正如您在下面的示例中看到的那样，它是菜单栏顶部的红色TC。我试图找出如何使其保持在一个地方的窗口大小调整它定位：

enter image description here

这是目前对#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将非常值得赞赏。

感谢

来源

2011-09-20 Tim

在没有看到HTML和CSS的其余部分是很难说。父容器是什么？父母的定位是什么？当你在一个元素上设置相对位置时，它会将该元素相对于最近的非静态定位的祖先进行设置。如果没有其他东西是非静态定位你的div可能被锚定在身体标签。如果你确实有一个包含div的设置位置，那么这将使你朝着正确的方向前进。 – Jrod

嘿@Jrod看看http://s361608839.websitehome.co.uk/textcube/。 – Tim

我能看到的最快的修复方法是将你的多维数据集div放在'navbar-inner'内。给予'navbar-inner'位置相对并给你的立方体位置绝对。你将需要调整你的多维数据集div的值，将其放在你想要的位置，但之后你应该很好走。在附注中，我喜欢你的标志。 – Jrod

你想让它使用顶部和右侧，而不是顶部和左侧，然后它会遵循右手边的位置。

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

来源

2011-09-20 13:28:22

谢谢，试过了。看看http://s361608839.websitehome.co.uk/textcube/你可以看到变化。这样做的一件事是，它需要保持在页面中心的912px宽度区域内，并且这会在浏览器窗口的右上方移动，并随着窗口大小的改变而移动。 – Tim

对不起，在回答后不久就躺在床上 - 看到你得到它虽然:) –

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

来源

2011-09-20 13:34:16 MHowey

谢谢@Michael Howey我只是想你说什么，并在这里上传它http://s361608839.websitehome.co.uk/textcube/。没有看到任何重大变化，也没有像例证那样结束。还有什么想法？谢谢，蒂姆 – Tim

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

回答

相关问题