CSS:帮助我的菜单链接不在同一个地方

Question

帮助! 这是我的菜单。我希望它留在同一个地方，所以如果你调整它的大小或拖动浏览器，它不应该跟随浏览器并将菜单移动到一边

<div id="mainmenu" style="position: relative;">
<div id="menuLinks" style="position: absolute; right: 70px; top: 10px; ">
<a href="home.php">HEM</a>
<a href="#">PROFILER</a>
<a href="#">BILDER</a>
<a href="#">DISKOTEKER</a>
<a href="#">EVENTS</a>
<a href="#" class="menu_class">KONTROLLPANEL</a>
</div>

只有当我将 div 主菜单行更改为:

<div id="mainmenu" style="position: relative; width: 1200px;">

(给出一个宽度:)然后它停留在这个地方。但我不想指定宽度，因为这样对于其他一些屏幕分辨率来说它会过早结束，所以..

我该如何解决这个问题？

Answer 1

使用 position: absolute; 在文档中的固定位置(将移动滚动页面)。

使用 position: fixed 在浏览器窗口中的固定位置。 (滚动页面时不会移动)

在这两种情况下，都使用left 和top 来指定起始位置。

在这两种情况下都不需要指定宽度。

position: fixed 在 IE 6 中不起作用。